1. 首頁 > 生活經驗 > >

IE68瀏覽器支持RGBA半透明背景色的方法

RGBA是CSS3中新增的屬性，在RGB的基礎上多了控制alpha透明度的參數 。
【IE68瀏覽器支持RGBA半透明背景色的方法】介紹：R、G、B三個參數，正整數值的取值范圍為：0 - 255，百分數值的取值范圍為：0.0% - 100.0%(部分瀏覽器不支持使用百分數值) 。超出范圍的數值將被截至其最接近的取值極限 。A參數 ， 取值在0~1之間，不可為負值 。
瀏覽器兼容性：IE9以下版本瀏覽器不支持 。

IE68瀏覽器支持RGBA半透明背景色的方法

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顏色還可以用于border，不過，不同的瀏覽器對于border的RGBa支持不太一樣，不過唯一的不同是，firefox在border的拐角處會出現疊加 ， 比如透明度是0.4，那么在Firefox中，四個角的透明度會變成0.8 ， 而支持RGBa的非FF瀏覽器不會出現這種情況 。


相關經驗推薦