CSS网页制作技巧:兼容主流浏览器的背景颜色透明

作者: 来源: 更新时间:2012-12-20 11:17:11 点击:
网页制作文章简介:CSS网页制作技巧:兼容主流浏览器的背景颜色透明。

以前都是用jquery来写背景透明,方法简单,但是有缺点,脚本没加载完时,背景颜色是不透明的。
如果换成在css里写好的话,效果就很好了。
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

上面的几个属性分别是:

opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1. -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。 -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。