欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css 透明度完全兼容的写法  

程序员文章站 2024-01-23 09:38:46
...
本文摘要http://blog.suiyidian.cn/post-79.html其实只是想找个地方放而已


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

.transparent

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

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