Transparent Scrollbars
On my site I used some codes to make various parts of my scrollbar become transparent, or invisible. I had chosen to do this with the track, but you may do this to any or all elements of a scrollbar.
If you’re using iframes or divs, put this into the iframe; or div tag: style=”FILTER: chroma (color=#11FF17);
In your CSS change whichever element(track, arrow, shadow, face, etc) you want to be transparent to the hex colour above. You can also set an I-frame background to that colour and it will show up transparent but only in IE. In other browsers, the Iframe/background will appear the colour to which you set it.
If you’re using green colours – you may want to find another hex code. It should be something completely different from the colours you’re using.
The above tag isn’t the best to use for transparent backgrounds, however. If you are at all concerned about validation or cross browser compliance, there are a few other options to obtain transparency.
If you define everything but the background values in CSS, you can replace the
tag with this:
The above will validate. It will determine which browser the user is using an insert the code associated with that browser.
Another option is to specify transparency using the tutorial here.
