时间:2016-01-22 07:26 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【css中filter：alpha透明度使用小结兼容IE、火狐】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
css中filter：alpha透明度使用小结兼容IE、火狐
Alpha，设置透明度。
用法：
复制代码
代码如下:FILTER:alpha(opacity=80);
filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。
FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。
Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
StartX和StartY：代表渐变透明效果的开始X和Y坐标。
FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。
对于IE上述方法是没有问题的。若要支持firefox请参照下面：
程序代码
复制代码
代码如下:filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数（alpha(opacity)）使用大于0小于100的数值，其实也是百分比）。
关于css中filter：alpha透明度使用小结兼容IE、火狐的相关讨论如下：
相关问题：css如何设置透明度(兼容ie,firefox)
答：css设置透明度，首先需要知道的是在浏览器中的不同使用，一般在ie中用的是filter:alpha(opacity=0);这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity:0,对于兼容的，一般的做法就是在书写css样式的将2个都写上... >>详细
相关问题：css的问题 filter:alpha没效果
答：您好！ 透明度兼容性写法： 低版本IE： filter:alpha(opacity:80);其他标准浏览器(ff chrome 高版本IE) opacity:0.8; 希望我的回答能帮到您！ >>详细
相关问题：火狐为什么不支持css中的filter属性？
答：火狐浏览器是支持CSS滤镜的，只是写法和IE不同，例如透明度： .test{filter:alpha(opacity=80); /* IE专属 */ -moz-opacity:0.8; /* 火狐专属 */ opacity: 0.8; /* 其他支持CSS3的浏览器（FF 1.5也支持）*/ }说明：IE使用私有属性filter:alpha(o... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-