現在做個網頁還得考慮ie8,只想說:尼瑪!
但是沒辦法,屈於淫威也得弄。
首先說下rgba的含義吧,rgba,r代表red,g代表green,b代表blue,a代表透明度。
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000);
上面這句**就是可以讓rgba的透明度在ie8裡顯示的方式啦。
這是是透明度對應值**
rgba中的a
ie中的透明度值表示
0.119
0.233
0.34c
0.466
0.57f
0.699
0.7b2
0.8c8
0.9e5
下面說說括號內還有其它那些引數:
enabled:可讀寫。布林值(boolean)。
gradienttype:可讀寫。整數值(integer)。設定或檢索色彩漸變的方向。1 | 0。這個屬性還是比較實用的哦!
1:預設值。水平漸變。
0:垂直漸變。
startcolorstr:可讀寫。字串(string)。
startcolor:可讀寫。整數值(integer)。設定或檢索色彩漸變的開始顏色。 取值範圍為 0 - 4294967295 。 0 為透明。 4294967295 為不透明白色。
endcolorstr:可讀寫。字串(string)。設定或檢索色彩漸變的結束顏色和透明度。預設值為 #ff000000 。不透明黑色。
endcolor:可讀寫。整數值(integer)。設定或檢索色彩漸變的結束顏色。 取值範圍為 0 - 4294967295 。 0 為透明。 4294967295 為不透明白色。當在指令碼中使用此特性時,也可以用十六進製制格式: 0xaarrggbb 。
說明:在物件的背景和內容之間顯示定製的色彩層。
當此效果通過轉變顯示時,在漸變冊色彩層之上的文字程式性的初始化為透明的,當色彩漸變實現後,文字顏色會以其定義的值更新。
dximagetransform.microsoft.gradient濾鏡裡的startcolorstr引數值是#aarrggbb形式的, 其中的aa是代表不透明度的十六進製制,00表示完全透明,ff就是全不透明,化成十進位制的範圍就是0~255,剩下的rrggbb就是顏色的十六進製制代 碼。
eg:把40%的不透明度轉換成十六制呢的方法如下:先計算#aa的的十進位制x,x/255 = 4/10,解得x=4*255/10,然後再把x換算成十六進製制,約等於66。
相容ie8的rgba 寫法
在頁面中設定乙個半透明的div一般情況下使用rgba 函式,但在ie8情況下無法使用rgba 函式。rgba的含義,r代表red,g代表green,b代表blue,紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba 255,255,255,0.1 就是透明度為0.1的白色...
使用rgba屬性相容IE8
css3 rgba 即在原本3原色的基礎上增加了alpha 透明度 通道,該屬性的相容性如下 型別internet explorer firefox chrome opera safari 版本 ie6 firefox 3.0.10 chrome 2.0.x opera 9.64 safari 4 ...
IE8下實現相容rgba
昨天遇到乙個問題,要實現乙個背景透明的效果,用css3用rgba 就能實現,即 background rgba 0,0,0,5 但是要相容到ie8,就發現沒有透明效果,因為ie8不支援rgba 函式。下面我們總結一下rgba 函式的含義。rgba的含義,r代表red,g代表green,b代表blue...