Cross Browser Opacity using CSS and Internet Explorer filters /*here's the CSS3 standard method. this works in everything* but IE. */ /*It's in fractions of 1. So 1 is 100% opacity (AKA the default) and .5 is 50% opacity.*/ opacity:.7; -moz-opacity: . 75 ; /*It's a 100 scale. So 100 is 100% opacity (AKA the default) and 50 is 50% opacity. The worst part of this is not the CSS issues, since this sort of forking is common. It's coding opacity in Javascript. You always have to make some second calculation to make things match across browsers */ filter:alpha(opacity=70); Reference : Cross Browser Opacity using CSS and Internet Explorer filters