css中filter:alpha全透明度应用小结适配IE、火狐

2021-01-20 09:46 jianzhan
Alpha,设定全透明度。

用法:

拷贝编码
编码以下:

FILTER:alpha(opacity=80);/* 设定不全透明度为80 */

filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity:全透明度级別,范畴是0⑴00,0意味着彻底全透明,100意味着彻底不全透明。
FinishOpacity:设定渐变色的全透明实际效果时,用来特定完毕时的全透明度,范畴也是0 到 100。
Style:设定渐变色全透明的款式,值为0意味着统1样子、1意味着线型、2意味着放射性状、3意味着长方形。
StartX和StartY:意味着渐变色全透明实际效果的刚开始X和Y座标。
FinishX和FinishY:意味着渐变色全透明实际效果完毕X和Y 的座标。

针对IE上述方式是沒有难题的。若要适用firefox请参考下面:

程序流程编码

拷贝编码
编码以下:

filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Moz + FF */
opacity: 0.8; /* 适用CSS3的访问器(FF 1.5也适用)*/

简易解释,IE应用独享特性filter:alpha(opacity),Moz Family应用独享特性-moz-opacity,而规范的特性是opacity(CSS 3, Moz Family一部分适用CSS3)。后边的标值是全透明度,应用百分比或小数(alpha(opacity))应用超过0小于100的标值,实际上也是百分比)。