国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 軟件應用 > 正文

IE6/7/8瀏覽器支持RGBA半透明背景色的方法

2024-09-04 21:27:52
字體:
來源:轉載
供稿:網友

RGBA是CSS3中新增的屬性,在RGB的基礎上多了控制alpha透明度的參數。

介紹:R、G、B三個參數,正整數值的取值范圍為:0 - 255,百分數值的取值范圍為:0.0% - 100.0%(部分瀏覽器不支持使用百分數值)。超出范圍的數值將被截至其最接近的取值極限。A參數,取值在0~1之間,不可為負值。

瀏覽器兼容性:IE9以下版本瀏覽器不支持。

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

<!--[if IE]>
<style type="text/css">
.bg{
background:transparent;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000,endColorstr=#4B7D0000);
}
</style>
<![endif]-->

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瀏覽器不會出現這種情況。

以上的css代碼也可以寫在css樣式表中,當然需要css hack來支持,具體的css hack寫法可以參照《css hack》一文。當然,實現HTML網頁背景半透明的方法還有很多,比如通過PNG半透明圖片實現,或者通過兼容性較好的css屬性opacity實現,具體方法,可以參照《PNG 半透明》和《CSS Opacity》文章。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 定西市| 临颍县| 韩城市| 宝山区| 赤峰市| 湾仔区| 罗田县| 集安市| 东乡族自治县| 鹤岗市| 开江县| 积石山| 满城县| 多伦县| 林西县| 抚远县| 辽阳县| 略阳县| 遂溪县| 阿巴嘎旗| 宁波市| 博客| 象州县| 兴安盟| 昌乐县| 张掖市| 壶关县| 阿城市| 南汇区| 闸北区| 元氏县| 兴隆县| 军事| 泰和县| 延吉市| 股票| 正宁县| 格尔木市| 孟村| 博野县| 阿图什市|