解決ie相容顏色rgba格式 實驗目前到支援IE5

2021-10-25 18:33:38 字數 648 閱讀 6674

background-color:rgba(0,0,0,0.5);

-ms-filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);

filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);

以上**,我們想實現rgba(0,0,0,0.5)的顏色,為了使ie相容可採用filter方法

格式是:

filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#aarrggbb,endcolorstr=#aarrggbb);
關於startcolorstr和endcolorstr的計算:

rggbb就是我們要改變透明度的顏色,這裡我們是在黑色基礎上改變透明度的,所以rrggbb就是000000

在ietester下測試,可以成功相容到ie5-ie11

相容ie8 rgba 用法

dximagetransform.microsoft.gradient濾鏡裡的startcolorstr引數值是 aarrggbb形式的,其中的aa是代表不透明度的十六進製制,00表示完全透明,ff就是全不透明,化成十進位制的範圍就是0 255,剩下的rrggbb就是顏色的十六進製制 例子中back...

相容ie8 rgba 用法

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

IE8下相容rgba顏色的半透明背景

在工作中做乙個半透明遮罩時發現在ie8下不相容 一查再知道ie8不支援rgba顏色,再搜搜相容性方法,沒想到這麼快就解決了。先說說rgba的含義 r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba 0,0,0,5 就是透明度...