Me and my friend are making a layout to our site. The problem is, that the bakcground is filled with different colors, and then we want a transparent scrollbar in our iframe. We've checked the forum, and a lot of sites, but everytime we try the code, the scrollbar gets white!

This is the code we've tried the most times, but it never-ever works!

.blog {
font-family: verdana;
color: #F9EFEB;
font-size: 11px;
background:url(blog.jpg) ;
filter:glow(color=#008000, strength=1);height:0;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-face-color: #1f1f1f;
scrollbar-shadow-color: #1f1f1f;
scrollbar-base-color: #000000;
scrollbar-highlight-color: #1f1f1f;
scrollbar-3dlight-color: #1f1f1f;
scrollbar-darkshadow-color: #1f1f1f;
scrollbar-track-color: #1f1f1f;
scrollbar-arrow-color: #000000;
}

and then in the iframe code, we got:
style="FILTER: chroma (color=1f1f1f)"
We also tried #1f1f1f in the iframe...!

We're about to get insane if we see another white scrollbar! Please help!

Ps. We have the newest IE, because we can see transparent scrollbars at other sites..!

The chroma filter doesn't work in any main body scrollbars...that includes iframe main body scrollbars - it only works with divs so you might have to work with a div or forget about a transparent scrollbar. Sorry.

thanks.. I guess.. Blah! It didn't help me, but thank you for saying... But another thing.. you see in my css, that I want the text to glow, but it doesn't do that... why not???!

Cuz it's not a = sign, it's a :....like so =)

filter:glow(color:#000000);
height:0;

more troubles!
Now, I got a div working, but the scrollbars still is white.. and another thing.. I got an extra scrollbar at the bottom!

This is my code for my div.....just change the measurements to whatever you want.


.outer {
position:absolute;
top:0px;
left:0px;
width:100%;
height:150px;
overflow:auto;

scrollbar-face-color: #00FF00;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #00FF00;
scrollbar-arrow-color: #00FF00;

FILTER: chroma (color=00FF00)
}


There shouldn't be a scrollbar at the bottom but you can just change the overflow if there still is......... I have to see your page and code to really help more.