相容ie8 rgba 用法

2022-03-20 03:01:47 字數 783 閱讀 7103

dximagetransform.microsoft.gradient濾鏡裡的startcolorstr引數值是#aarrggbb形式的,其中的aa是代表不透明度的十六進製制,00表示完全透明,ff就是全不透明,化成十進位制的範圍就是0~255,剩下的rrggbb就是顏色的十六進製制**。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。如何把30%的不透明度轉換成十六制呢?很簡單,先計算#aa的的十進位制x,x/255 = 3/10,解得x=3*255/10,然後再把x換算成十六進製制,約等於4b。下面有rgba和ie下filter數值的轉換,這樣大家就不用計算了,直接參考數值就行。

rgba顏色還可以用於border,不過,不同的瀏覽器對於border的rgba支援不太一樣,不過唯一的不同是,firefox在border的拐角處會出現疊加,比如透明度是0.4,那麼在firefox中,四個角的透明度會變成0.8,而支援rgba的非ff瀏覽器不會出現這種情況。

rgba透明值        iefilter值

0.1                  19

0.2                  33

0.3                  4c

0.4                  66

0.5                  7f

0.6                  99

0.7                  b2

0.8                  c8

0.9                  e5

相容ie8 rgba 用法

昨天遇到乙個問題,要實現乙個背景透明的效果,用css3用rgba 就能實現,即 background rgba 0,0,0,5 但是要相容到ie8,就發現沒有透明效果,因為ie8不支援rgba 函式。下面我們總結一下rgba 函式的含義。rgba的含義,r代表red,g代表green,b代表blue...

相容ie8 的rgba 的用法

rgba透明度相容ie rgba的含義,r代表red,g代表green,b代表blue,紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba 255,255,255,0.1 就是透明度為0.1的白色。在現代瀏覽器中是支援rgba的。但是在ie8等古董級瀏覽器中是不支援的rg...

IE8相容rgba 濾鏡filter的用法

今天遇到了乙個問題,要在乙個頁面中設定乙個半透明的白色div。這個貌似不是難題,只需要給這個div設定如下的屬性即可 css view plain copy background rgba 255,255 255,1 但是要相容到ie8。這個就有點蛋疼了。因為ie8不支援rgba 函式。下面我們總結...