css 透明度完全兼容的写法 -- CSS/HTML -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> CSS/HTML --> css 透明度完全兼容的写法

css 透明度完全兼容的写法

浏览:1951次出处信息

几款浏览器对透明度的支持方式各不相同，为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果，我们可以定义一个透明度的class，因为一写就要写3条，省的每次都复制来复制去了。
具体代码如下：

.transparent

{filter:alpha(opacity=60 ); /*支持 IE 浏览器*/

-moz-opacity:0.60 ; /*支持 FireFox 浏览器*/

opacity:0.60 ; /*支持 Chrome, Opera, Safari 等浏览器*/

}

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

建议继续学习

近3天十大热文