国产探花免费观看_亚洲丰满少妇自慰呻吟_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》文章。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐安县| 繁昌县| 桐庐县| 恭城| 长阳| 桂林市| 博爱县| 社会| 乌拉特中旗| 庄河市| 寿光市| 江门市| 梁平县| 鞍山市| 观塘区| 平谷区| 合水县| 正宁县| 四会市| 乐安县| 都兰县| 安陆市| 根河市| 普安县| 杨浦区| 双桥区| 大宁县| 南召县| 信阳市| 弋阳县| 武义县| 伊川县| 衢州市| 奇台县| 南部县| 新建县| 山丹县| 晋中市| 长宁区| 文成县| 吉水县|