首页 > HTML5/CSS3

用CSS实现Firefox 和IE 都支持的Alpha透明效果

发表于2015-08-01 14:34:05| --次阅读| 来源webkfa| 作者html5,css3

摘要:有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用CSS实现Firefox和IE都支持的Alpha透明效果。CSS:filter:alpha(opacity=50);/* IE */-moz-opacity:0.5;/* Moz + FF */opacity:0.5;/* 支持C...

有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。
CSS: 

filter:alpha(opacity=50);       /* IE */

-moz-opacity:0.5;              /* Moz + FF */

opacity: 0.5;           /* 支持CSS3的浏览器(FF 1.5也支持)*/ 
IE使用私有属性filter:alpha(opacity),Moz Family使用私有属性-moz-opacity,而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数。

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1