transparent scrollbars on iframe

[jamie007]

Hi, Just wanted to know how to make transparent scrollbars on my iframe... :D

[CrazyMerlin]

when you say transparent, what exactly do you mean?

nothing can be rendered under a scrollbar anyways, as the scrollable area stops at the left edge of the scrollbar

[jamie007]

I have my main page but then i have a iframe in the middle of it....
the iframe links to another page which has a background image.....i want the scrollbar to be transparent so that the background image is still visable through the scrollbar :S....lol

[CrazyMerlin]

give me a minute, I think you may be able to do this with some CSS filtering

[CrazyMerlin]

Sorry, I can get a div to look like an iframe and have transparent scrollbars, but because it is a div and not an iframe it cannot display parsed html, only text

as soon as I try to do it with an iframe, the iframes built-in scrollbars take over and overwrite the scrollbars I set.

shame, because the transparent scrollbars look cool

[jamie007]

ok thanks anyway!

[jamie007]

Done it anyway now! :P

Here it is if anyone wants it...

Your IFRAME CODE:
<iframe src="YOUR URL" name="Content" width="100%" height="100%" align="left" frameborder="0" border="0" style="FILTER: chroma(color=#CCCCCC)" allowTransparency>


then on in your script put this:

<style type="text/css">
body {
scrollbar-face-color: #CCCCCC;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
}
</style>

just change the colours to what you want... CCCCCC will allow transparent