rgba不兼容ie8,只兼容ie9以上版本,可用filter替代,語法“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ù),這個是六進制的顏色值,比如rgb(255,255,255)對應(yīng)#ffffff;就是白色。
(學(xué)習(xí)視頻分享:css視頻教程)