设计网页或者制作blog模板的时候，往往会用到让某部分实现透明或者半透明的效果，这时候我们该怎么办呢？

在IE中需要通过"filter"来定义透明度"opacity"。

?

而在Firefox中是可以直接解析"opacity"的，所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。

?

针对IE的设定：this.filters.alpha.opacity=50
而针对Firefox的设定：this.style.MozOpacity=0.5

?

大家可以直接用下面代码给图片定义，只须修改图片地址就能实现效果。其实不只是图片可以实现这个CSS滤镜，网页也是可以的！

?

<img alt="Sunset" src="Sunset.jpg" width="250" height="60" style="opacity: 0.5;filter:alpha(opacity=50);cursor:pointer;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"></img>