How to make an image opaque on Mac IE (and netscape?)

how to make an image opaque on mac IE

[rascal]

I am able to display an image as opaque by assigning the image a class with the following proprties:

.grayimage {
opacity: .5;
filter: alpha(opacity=50);
}

The above class definition works when viewed on all of the PC browsers we've tested (IE, Firefox, Opera, Netscape) and on Mac (Safari, Firefox).

However, it has no effect when viewed on the Mac IE and Netscape.

Is there no support for the properties in this css for Mac IE/Netscape, or do we just need to apply different values for those? (and what might those be? :)

Many thanks!

[Robin_reala]

Welcome to WebmasterWorld rascal!

MacIE lacks support for opacity, but Mac Netscape 6+ should work fine. Which version are you testing in? If it’s 4 then don’t expect any opacity support.

For what it’s worth you might be able to gain the effect you’re looking for by using an alpha transparent PNG which MacIE supports fine. Windows IE less than 7 doesn’t though without some workarounds so I’d suggest not going down that route unless you need to.