【透明、半透明】3中解决方案

这个效果在IE和Mozilla浏览器上都可以工作，代码如下

1.CSS 解决方案

.div{filter:alpha(opacity=50);opacity:0.5;}

filter:alpha(opacity=50); —— IE
opacity:0.5; —— FireFox

2.JS 解决方案

在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。

针对IE的设定：this.filters.alpha.opacity=50　

针对 Mozilla的设定：this.style.MozOpacity=0.5

  

3.HTML 中直接写

<img src="images/pic.jpg" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:pointer;" />