濾鏡filter的用法

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

[css]?view plaincopy

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

?

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

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

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

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

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

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

?

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

第一部是#號后面的19。是rgba透明度0.1的IEfilter值。從0.1到0.9每個數字對應一個IEfilter值。對應關系如下：

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

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

轉載于:https://www.cnblogs.com/miny-simp/p/7083666.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。