专业网站建设B/S软件开发专业微信营销专业技术建设团队做客户满意度最高的软件公司
郑州网站建设、郑州网站开发
 

CSS:兼容主流浏览器的背景颜色透明

作者:网站建设出处:学众科技发布时间:2020年06月18日点击数:920

以前都是用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扫瞄 器。

沙澧街