css设置层的透明，兼容所有浏览器
html中如果需要设置某一层的背景为透明该如何去设置呢？下面分享一下如何使用css设置透明层效果，经过证实是兼容目前所有浏览器的。
首先看一下效果图：
下面是具体的代码（以上效果设置的是0.8）：
.transparent{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
下面是对以上CSS代码的一些补充说明：
opacity:0.5;这个属性是目前在CSS里面设置透明度的标准属性。适用于大多数版本的Firefox，Safari和Opera等浏览器。
filter:alpha(opacity=50);这个属性仅仅支持IE浏览器。
-moz-opacity:0.5;这个属性是为了向前兼容以前的一些老的Mozilla浏览器，比如：Netscape Navigator。
-khtml-opacity: 0.5;这个属性是为了兼容旧版本的Safari浏览器（1.x的），它使用的渲染引擎仍然称为为KTHML，相对于当前的WebKit。
转载请注明出处：php程序员的笔记
最后修改时间：2013年08月28日 09时02分 文章来源：-わ千与千寻