css3中rgba兼容ie8嗎

本文小編為大家詳細(xì)介紹“css3中rgba兼容ie8嗎”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“css3中rgba兼容ie8嗎”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

css3中rgba不兼容ie8?？梢杂胒ilter來做兼容，語法為“filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=顏色值,endColorstr=顏色值)”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

css3中rgba是否兼容ie8

不兼容。

css3 rgba 即在原本3原色的基礎(chǔ)上增加了alpha(透明度)通道，該屬性的兼容性如下：

IE家族只有9以后的版本支持該屬性；

rgba：

rgba的含義，r代表red，g代表green，b代表blue，a代表透明度。

rgba(0,0,0,.5) 這樣就代表了黑色，透明度為0.5

要想解決在IE8下的透明度問題，可以增加這樣一句話：

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/

這句話本來是做漸變用的，但是這里沒有漸變效果所以startColorstr和endColorstr設(shè)置為同一種顏色。

這里的#7f000000，# 7f 代表的是透明度， 000000 代表的是顏色,下面是透明度的對應(yīng)表：

示例如下：

background: rgba(0,0,0,.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#19000000);

　　startColorstr=#99000000：#后面的8個數(shù)字被拆分為兩個部分 99 000000 他們對應(yīng) AA(IEfilter) GGBBAA(GBA)。

　　第一部是#號后面的99 。是rgba透明度0.6的IEfilter值。從0.1到0.9每個數(shù)字對應(yīng)一個IEfilter值。

　　第二部分是 99 后面的六位數(shù)，這個是六進(jìn)制的顏色值，比如rgb(255,255,255)對應(yīng)#ffffff；就是白色。

讀到這里，這篇“css3中rgba兼容ie8嗎”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。