1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > CSS3中的Opacity多浏览器透明度兼容性问题 – CSS – 前端 chrome 没有custom.css

CSS3中的Opacity多浏览器透明度兼容性问题 – CSS – 前端 chrome 没有custom.css

时间:2023-12-27 07:43:07

相关推荐

CSS3中的Opacity多浏览器透明度兼容性问题 – CSS – 前端 chrome 没有custom.css

IE: filter:alpha(opacity)

Mozilla: -moz-opacity

Safari: -khtml-opacity

很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持opacity)

所以以前用CSS设定一个元素半透明的话,可能会这样写:

.opacity{filter:alpha(opacity=50);/*IE*/-moz-opacity:0.5;/*老版Mozilla*/-khtml-opacity:0.5;/*老版Safari*/opacity:0.5;/*支持opacity的浏览器*/}

用javascript来设定一个元素为半透明:

object.filter="alpha(opacity="+opacity+")";/*IE*/object.MozOpacity=(opacity/100);/*老版Mozilla*/object.KhtmlOpacity=(opacity/100);/*老版Safari*/object.opacity=(opacity/100);/*支持opacity的浏览器*/

下面给大家介绍css透明度的设置 (兼容所有浏览器) 一句话搞定透明背景!

.transparent_class{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。