ie下透明度設定(與rgba相對應)

2021-07-24 14:33:44 字數 783 閱讀 4384

如果用rgba(),在非ie8及以下瀏覽器是這樣的效果:

如果在ie8及以下瀏覽器就變成了這樣:

透明度消失了!!!!!!

我們先來解釋以下rgba

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設定為同一種顏色。

這裡的#7f000000,#7f代表的是透明度,000000代表的是顏色,下面是透明度的對應表:

這樣就能完美解決透明度的問題了!~

ie8下透明度處理

css3新增屬性rgba和opacity 0 1 在ie8下無法使用 alpha opacity 0 100 0 100 0是透明 100是不透明。ie下的透明度屬性,子元素會繼承這個透明度。下面有阻斷子元素繼承方法。背景透明,文字不透明。html lang en documenttitle a.r...

css 設定透明度

要設定某一元素的背景為透明,在 chrome firefox opera 下是這樣的 css background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度,範圍在0 1之間。在 ie 中一般是這樣的 css background color r...

學習 ie8支援rgba 透明度顏色

rgba 函式可以用來設定透明的顏色,元素的背景啊,邊框啊等等。rgba的含義,r代表red,g代表green,b代表blue,紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba 255,255,255,0.1 就是透明度為0.1的白色。在現代瀏覽器中是支援rgba的。但...