2、部分浏览器半透明css不生效问题【网页切图技巧】

一、现象

有的浏览器能实现半透明，但有的浏览器不可以。

二、原因

各种浏览器支持的半透明用的CSS是不一样的，所以要做好各种浏览器的兼容，就要写更多的样式。

三、解决办法

方案一：4个CSS同时作用

元素半透明，要同时使用4个css，不要只写opacity:0.50，这样兼容性会很差；四种写法如下：

filter:alpha(opacity=50); /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
-khtml-opacity: 0.5; /*webkit内核浏览器*/

opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/

方案二：用jquery来做

$("#div1").css("opacity","0.3"); 
 因为jquery框架已经做好了兼容，所以只需要一句话可以搞定！