克拉封印博客 文章分类 编程语言 HTML5 CSS透明度在各浏览器下的兼容

CSS透明度在各浏览器下的兼容

原创作品、版权所有，禁止匿名转载，分享请注明版权。

54464

- - 0 条评论

几款浏览器对透明度的支持方式各不相同，为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果，我们可以定义一个透明度的class，因为一写就要写3条，省的每次都复制来复制去了。
具体代码如下：
.transparent{
  filter:alpha(opacity=60); /*支持 IE 浏览器*/
  -moz-opacity:0.60; /*支持 FireFox 浏览器*/
  pacity:0.60; /*支持 Chrome, Opera, Safari 等浏览器*/
}