濾鏡filter的用法

在一個頁面中設(shè)置一個半透明的白色div。

[css]?view plaincopy

background:?rgba(255,255,255,.1);??

?

但是ie8不支持rgba()函數(shù)。下面我們總結(jié)一下rgba()函數(shù)的含義。

rgba的含義，r代表red，g代表green，b代表blue，紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度為0.1的白色。IE9及以上的瀏覽器是可以通過rgba設(shè)置透明度的。但是在ie8等古董級瀏覽器中是不支持的rgba的，ie8只能勉強支持rgb()函數(shù)（即去掉了透明度，只能表示顏色）。

所以在ie8中設(shè)置透明就要用濾鏡filter了。css代碼如下：

background:?rgba(255,255,255,.1);??

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);??

第二句話的意思就是當(dāng)上一行的透明度不起作用的時候執(zhí)行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設(shè)置成了相同的顏色。

?

大家注意，這個顏色“#19ffffff”是由兩部分組成的。

第一部是#號后面的19。是rgba透明度0.1的IEfilter值。從0.1到0.9每個數(shù)字對應(yīng)一個IEfilter值。對應(yīng)關(guān)系如下：

第二部分是19后面的六位。這個是六進制的顏色值。要跟rgb函數(shù)中的取值相同。比如rgb(255,255,255)對應(yīng)#ffffff；都是白色。

到這里，rgba的用法就可以兼容IE8了。

轉(zhuǎn)載于:https://www.cnblogs.com/miny-simp/p/7083666.html

總結(jié)

以上是生活随笔為你收集整理的兼容ie8 rgba()用法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。