日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

讓ie瀏覽器支持RGBA顏色標(biāo)準(zhǔn)實(shí)現(xiàn)代碼

【讓ie瀏覽器支持RGBA顏色標(biāo)準(zhǔn)實(shí)現(xiàn)代碼】RGB色彩模式(也翻譯為紅綠藍(lán) , 比較少用)是工業(yè)界的一種顏色標(biāo)準(zhǔn) , 是通過對(duì)紅(R)、綠(G)、藍(lán)(B)三個(gè)顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的 , RGB即是代表紅、綠、藍(lán)三個(gè)通道的顏色 , 這個(gè)標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色 , 是目前運(yùn)用最廣的顏色系統(tǒng)之一 。

RGBA在RGB的基礎(chǔ)上多了控制alpha透明度的參數(shù) 。以上R、G、B三個(gè)參數(shù) , 正整數(shù)值的取值范圍為:0255 。百分?jǐn)?shù)值的取值范圍為:0.00.0% 。超出范圍的數(shù)值將被截至其最接近的取值極限 。并非所有瀏覽器都支持使用百分?jǐn)?shù)值 。A參數(shù) , 取值在0~1之間 , 不可為負(fù)值
RGBA語法:

復(fù)制代碼代碼如下:
div {
background: rgba(0, 0, 0, 0.5);
}

瀏覽器兼容性:
類型Internet ExplorerFirefoxChromeOperaSafari版本()IE6()Firefox 3.0.10()Chrome 2.0.x()Opera 9.64()Safari 4()IE7()IE8()IE9
RGBA和opacity的區(qū)別
opacity會(huì)使整個(gè)元素包括子元素透明 , 而RGBA僅僅是元素本事透明,子元素不透明 。
下面具體講講怎樣讓IE瀏覽器支持RGBA顏色
一、CSSPIE
CSSPIE可以讓color、background、 box-shadow支持RGBA
示例:

復(fù)制代碼代碼如下:
div{
color:rgba(0,0,0,.5);
background:rgba(0,0,0,.5);
-pie-background:rgba(0,0,0,.5);/*IE6-8*/
box-shadow: 1px 1px rgba(0,0,0,.5);/*僅在未設(shè)置模糊值的情況下支持rgba*/
}

二、filter
通過IE濾鏡讓背景色透明 , 模擬rgba效果
示例:

復(fù)制代碼代碼如下:
.filter{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}

我們需要留意的是StartColorStr和EndColorStr的值 , 前兩位是十六進(jìn)制的透明度 , 后面六位是十六進(jìn)制的顏色 。
換算方法:x=alpha*255 將計(jì)算的結(jié)果x轉(zhuǎn)換成十六進(jìn)制即可

    推薦閱讀