css设置层的透明,兼容所有浏览器

前端APP 投稿 10300 0 评论

html中如果需要设置某一层的背景为透明该如何去设置呢?下面分享一下如何使用css设置透明层效果,经过证实是兼容目前所有浏览器的。

首先看一下效果图:

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。

编程笔记 » css设置层的透明,兼容所有浏览器

赞同 (47) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽