Results 1 to 5 of 5

Thread: Transparent Scrollbars

  1. #1
    Join Date
    May 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Transparent Scrollbars

    I read on DD, the code where you can change the color of your scrollbar on mouseover, I was wondering if there's a way to make the scrollbar transparent and then make it "non-transparent" (couldn't think of anything else to call it, sorry) on mouseover..

  2. #2
    Join Date
    Mar 2005
    Location
    Mumbai,INDIA
    Posts
    64
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post

    Well,
    Give me the link where DD has written that you can change colors of scrollbars on mouse over!And i'll then tell you how you can make them transparent.But it seems to be an impossible thing though.

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    I think that would be IE only.
    Not sure about this, as I don't use IE and can't test it, but using the IE-only "filter:" property on the scrollbar might work.
    The word is "opaque" :-P

  4. #4
    Join Date
    Dec 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    How do I make scrollbars transparent with css?

  5. #5
    Join Date
    Dec 2005
    Location
    DeLand, Florida
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This will only work in IE.
    Transparent scroll bars is highly unrecommended as it displays an inconvenience and is an outdated trend with web design, even colored menu bars as well.

    But since that is like not to change your mind..

    HTML Code:
    body {
    	scrollbar-face-color:#7996E2;
    	scrollbar-arrow-color:#7996E2;
    	scrollbar-track-color:#647A19;
    	scrollbar-shadow-color:#000000;
    	scrollbar-highlight-color:#487ED4;
    	scrollbar-3dlight-color:#647A19;
    	scrollbar-darkshadow-color:#647A19;
    }
    Make the scroll bar track the same color as your background. no borders.
    Those are example colors.

    You cant make scroll bars ACTUALLY transparent because nothing will ever display beneath them, so they will always be a solid color.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •