DIV設(shè)置背景顏色的透明度

《DIV設(shè)置背景顏色的透明度》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、div設(shè)置背景顏色透明度??2008-10-1414:29:13

2、??分類：css

3、??標(biāo)簽：

4、字號(hào)大中小?訂閱cssdiv寬高比例??通常我們通過div的style樣式屬性filter來設(shè)置div的背景透明樣式?？筛鶕?jù)alpha提供的如下參數(shù)進(jìn)行組合控制：filter:Alpha(enabled=bEnabled,style=iStyle,opacity=iOpacity,finishOpacity=iFinishOpacity,startX=iPercent,startY=iPercent,finishX=iPercent,

5、finishY=iPercent);?????各參數(shù)含義如下：????enabledEnabled設(shè)置或檢索濾鏡是否激活。?????styleStyle設(shè)置或檢索透明漸變的樣式。?????opacityOpacity設(shè)置或檢索透明漸變的開始透明度。?????finishOpacityFinishOpacity設(shè)置或檢索透明漸變的結(jié)束透明度。??????startXStartX設(shè)置或檢索透明漸變開始點(diǎn)的水平坐標(biāo)。?????startYStartY設(shè)置或檢索透明漸變開始點(diǎn)的垂直坐標(biāo)。?????finishXFinishX設(shè)置或檢索透

6、明漸變結(jié)束點(diǎn)的水平坐標(biāo)。?????finishYFinishY設(shè)置或檢索透明漸變結(jié)束點(diǎn)的垂直坐標(biāo)?！pacity代表透明度等級(jí)，可選值從0到100，0代表完全透明，100代表完全不透明。Style參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀；1代表線形；2代表放射狀；3代表長方形?！　inishopacity是一個(gè)可選項(xiàng)，用來設(shè)置結(jié)束時(shí)的透明度，從而達(dá)到一種漸變效果，它的值也是從0到100。StartX和StartY代表漸變透明效果的開始坐標(biāo)，finishX和finishY代表漸變透明效果的結(jié)束坐標(biāo)。?????從上面講的

7、我們可以看出，如果不設(shè)置透明漸變效果，那么只需設(shè)置opacity這一個(gè)參數(shù)就可以了。說了這么多，我們來看一個(gè)實(shí)例吧（見下圖）：實(shí)現(xiàn)上面這種效果的代碼如下：　　　　　　　　　　　　　　

9、l>　　如果在上面的代碼中稍做改動(dòng)，則將產(chǎn)生另外多種效果。我們只修改img的樣式屬性，把head中的Img樣式屬性代碼改為如下所示：　　img{position：absolute；top：20；left：40；　　filter：alpha(opacity=0,finishopacity=100,　　style=1,startx=0,starty=85,finishx=150,finishy=85);}　//*設(shè)置透明漸變效果，起始坐標(biāo)，終止?jié)u變坐標(biāo)，并設(shè)置透明樣式值（style=1）為　　　線形*//　　這段代碼產(chǎn)生的效果如左下

10、圖所示，右面的兩幅圖分別是把Alpha中的Style參數(shù)值為2和3后的效果，點(diǎn)擊縮略圖可放大?！　　　　　　　tyle=1　　　　　　　　Style=2　　　　　　　　Style=3