IE and FireF Opacity Question

**patawa** · Oct 6, 2004 11:18

I am trying to get the opacity to work on one of my images. Here is what I have in the style sheet.

.seethru {position:absolute;

filter

rogid

XImageTransform.Microsoft.BasicImage(opacity=0.15);
moz-opacity:0.90;
top:110px;
left:200px;

}

This is the html

<div class="seethru"><img src="computer.gif"></img></div>

It works in IE, but not in firefox. What browsers can you do opacity with?

Thanks

**rbutler** · Oct 6, 2004 11:41

Not sure why you are not doing the opacity in a graphics editor but the reason FF is not playing nice is the code you have for opacity is propreitary M$ code.

Try setting the opacity in a graphics editor, that way you wouldn't have to worry about browser issues, at least in initial thought.

**CyberAlien** · Oct 6, 2004 11:45

use opacity: 0.9 ,not moz-opacity. then it will work with firefox and with safari

**vgarcia** · Oct 6, 2004 11:46

Firefox uses a different method for opacity:

Code:

.Opaque {
/*IE proprietary method*/
  filter: alpha(opacity=15);
/*standard CSS3 method, works in Safari and Mozilla*/
  opacity: 0.15;
/*proprietary Moz method for older versions of Moz/Netscape*/
  -moz-opacity: 0.15;  
}