css 透明度完全兼容的写法
程序员文章站
2024-01-23 09:39:04
...
本文摘要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 等浏览器*/
}
几款浏览器对透明度的支持方式各不相同,为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果,我们可以定义一个透明度的class,因为一写就要写3条,省的每次都复制来复制去了。
具体代码如下:
.transparent
{filter:alpha(opacity=60 ); /*支持 IE 浏览器*/
-moz-opacity:0.60 ; /*支持 FireFox 浏览器*/
opacity:0.60 ; /*支持 Chrome, Opera, Safari 等浏览器*/
}
推荐阅读
-
css 透明度完全兼容的写法
-
css 透明度完全兼容的写法
-
有关css的兼容问题
-
急求高手解决CSS中的png背景图在IE6中透明度的问题!_html/css_WEB-ITnose
-
简单实现兼容各大浏览器的js复制内容到剪切板_html/css_WEB-ITnose
-
div+css布局时的浏览器兼容问题_html/css_WEB-ITnose
-
问一个简单的css滚动条宽度兼容IE7和IE6的问题._html/css_WEB-ITnose
-
关于一个浏览器样式兼容的问题_html/css_WEB-ITnose
-
IE和Firefox下javascript的兼容写法小结_javascript技巧
-
聊聊一直困扰前端程序员的浏览器兼容-【css】