1 reply to this topic

[John Miller]

Hey, i was wondering if there is a opacity CSS code i could use that works in IE as well as Fire Fox? I'm trying to make semi-transparent tables

I used opacity: 0.6; and it worked in FF but not in IE 6.

When i added in

filter: alpha(opacity=60); & opacity: 0.6; to the css sheet it worked in both, is this alright?

I'd like to get something that works in all browsers if i could in case someone isn't updated to the latest.

Thank you!

[Jurnky]

You can do something like this (Just the way you did):

.shade {
	filter: alpha(opacity=70);
}

As for IE6, opacitys do not work. So go around it, you can use a .PNG transparent image to display an opacity background:

.shade {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shade.png', sizingMethod='scale');
}

I wouldn't worry about IE6. IE6 users are decreasing everyday. And eventually, designers dream will come true - No more IE6.

Hope that helps!

Edited by Jurnky, 23 July 2009 - 09:32 AM.