VR-T
CSS
HTML
Javascript
Paint Shop Pro
PHP
Misc.
Graphics
Interactions
Clear

Transparent Scrollbars Inside DIVs

You've hopefully already seen my regular scrollbars tutorial. Just a note that colored scrollbar effects only work in Internet Explorer and do not validate.

This is basically what the filter is: style="FILTER:chroma(color=SOME_COLOR)"

Now, the #SOME_COLOR has to be a color you are not using anywhere else on your layout. The code will make *that* color transparent. Something ugly if you like, to ensure you won't be using it. Now put that color in the scrollbar code (below for your reference) wherever you want something to be transparent. A good idea is to put it on the track-color. You can add it to others if you want as well. An example of an unused color on the track-color looks like this: scrollbar-track-color:#00FF00;

Here comes the complicated part.

First, you update your css BODY codes in the following way. Add:

So it will look like this, including both the scrollbar code, and all the body information:

Now, right after you have finished with all the style codes, you will have the following, and it will be around all the content on that page.

<-back