View Full Version : transparent scrollbars


vee417
05-18-2003, 03:05 PM
is there any way to make it so all the scrollbar elements are transparent except the arrow? i tried this but it didn't work:

scrollbar-face-filter: alpha(opacity=0);
scrollbar-shadow-filter: alpha(opacity=0);
scrollbar-base-filter: alpha(opacity=0);
scrollbar-highlight-filter: alpha(opacity=0);
scrollbar-3dlight-filter: alpha(opacity=0);
scrollbar-darkshadow-filter: alpha(opacity=0);
scrollbar-track-filter: alpha(opacity=0);
scrollbar-arrow-filter: alpha(opacity=100)}

also, if that's not possible, how can i make the scrollbar transparent but keep the text opaque? i've been using this:

BODY {background-color:white; filter: alpha(opacity=50)}

but it makes the text 50 percent transparent as well.

thanks!

Elentari
05-18-2003, 04:21 PM
You make your scrollbar colours as usual but make all of the sections that you want to be transparent a colour that you aren't using on your page at all (something like limegreen (#00FF00) is usually a good pick)......then right below your scrollbar colours add the following..... (replacing the colour in the chroma filter to the colour you used on the sections of the scrollbar that you want transparent.....


FILTER: chroma (color=00FF00)


That code makes anything that is 00FF00 transparent.

vee417
05-18-2003, 06:30 PM
good idea! thanks! ^_^