I'm learning CSS and I'm running into this problem with the opacity property. I'm testing this property and when looking at my test page with Firefox the background does display properly (transparent), but when looking at it in IE7 the background is just plain white, with no transparency. The page has internal CSS and the property goes like this

filter:Alpha(opacity=60); -----FOR IE
opacity:0.6; ------------------CSS STANDARD
-moz-opacity:0.6; ------------FOR FIREFOX

So I was wondering what I'm doing wrong, or is there another property to display transparent backgrounds with CSS in IE?

TEST PAGE

Thanks

 

IE is notorious for compatibility issues with CSS... at least thats been my experience with working with CSS.

 

I don't believe transparency works in IE. Try searching for "CSS IE transparency" or "CSS IE transparency hack" on google.

 

^^^^
It does support transparency. I added the transparency (opacity) property to my MySpace profile, I just don't know why it isn't working in this one

 

try http://www.htmlgoodies.com ...you might find something on there

 

on the top of your page, just put a link to Mozilla saying "this page was coded using firefox" and have it hyperlink directly to a firefox download tongue.gif

fvck IE

 

filter:alpha(opacity=70);

is the only way i've ever seen it work. you probably are missing a semicolon or something stupid in another place in the code.

i hate how different browsers render things differently. it's so stupid.