濾鏡filter的用法

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

[css]?view plaincopy

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

?

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

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

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

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

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

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

?

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

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

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

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

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

總結(jié)

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

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