ie8相容rgba的方法

2022-02-01 20:45:16 字數 1367 閱讀 3333

現在做個網頁還得考慮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...