常用相容及IE濾鏡

2021-07-25 03:54:17 字數 1007 閱讀 5717

1. 背景透明

background:rgba(0,0,0,0.5); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=

#7f000000,endcolorstr=

#7f000000);

#7f000000 其中7f是透明度(255x0.5)轉換成16進製制的數值,000000是黑色的16進製制數值。

ie9同時支援rgba和filter,可能會出現bug。

巢狀多層濾鏡也可能會出現bug。

2. 透明

filter:alpha(opacity=

80); -moz

-opacity:0.8; -khtml

-opacity: 0.8; opacity: 0.8;

3. 圓角相容

-moz

-border

-radius: 3px; -webkit

-border

-radius: 3px; border-radius: 3px;

4. 漸變

background:linear-gradient(45deg, #b39c68, #a56365, #412e4c); filter: progid:dximagetransform.microsoft.gradient(gradienttype=

0, startcolorstr=

#412e4c, endcolorstr=

#a56365);

deg: 角度;

起始、中間、結束顏色,這三個顏色與漸變方向有關,預設是從上到下漸變,而角度是由xy兩軸夾角,原點為起始顏色;

startcolorstr:起始顏色;endcolorstr:結束顏色。從上到下,從左至右。

gradienttype:gradienttype=

0代表縱向漸變,其中gradienttype=

1代表橫向漸變。

5. 待補充

IE濾鏡 漸變

文章 gradient,漸變濾鏡。語法 filter progid dximagetransform.microsoft.gradient 完整寫法 filter progid dximagetransform.microsoft.gradient enabled ture gradienttype...

IE濾鏡效果

濾鏡切換效果 meta content revealtrans transition 14,duration 3.0 http equiv page enter 頁面 style filter revealtrans duration 1,transition 6 css revealtrans濾鏡...

IE8相容rgba 濾鏡filter的用法

今天遇到了乙個問題,要在乙個頁面中設定乙個半透明的白色div。這個貌似不是難題,只需要給這個div設定如下的屬性即可 css view plain copy background rgba 255,255 255,1 但是要相容到ie8。這個就有點蛋疼了。因為ie8不支援rgba 函式。下面我們總結...