建站
咨詢
售后
建站咨詢
新聞中心
本節(jié)向大家愛(ài)描述一下如何設(shè)置DIV背景顏色透明度，opacityOpacity設(shè)置或檢索透明漸變的開(kāi)始透明度，Opacity代表透明度等級(jí)，可選值從0到100，0代表完全透明，100代表完全不透明。Style參數(shù)指定了透明區(qū)域的形狀特征。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),牙克石企業(yè)網(wǎng)站建設(shè),牙克石品牌網(wǎng)站建設(shè),網(wǎng)站定制,牙克石網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,牙克石網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
設(shè)置DIV背景顏色透明度
通常我們通過(guò)DIV的style樣式屬性filter來(lái)設(shè)置DIV背景透明樣式。可根據(jù)alpha提供的如下參數(shù)進(jìn)行組合控制：
- filter:Alpha(enabled=bEnabled,style=iStyle,
- opacity=iOpacity,finishOpacity=iFinishOpacity,
- startX=iPercent,startY=iPercent,
- finishX=iPercent,finishY=iPercent);
各參數(shù)含義如下：
enabledEnabled設(shè)置或檢索濾鏡是否激活。
styleStyle設(shè)置或檢索DIV背景透明漸變的樣式。
opacityOpacity設(shè)置或檢索透明漸變的開(kāi)始透明度。
finishOpacityFinishOpacity設(shè)置或檢索DIV背景透明漸變的結(jié)束透明度。
startXStartX設(shè)置或檢索DIV背景透明漸變開(kāi)始點(diǎn)的水平坐標(biāo)。
startYStartY設(shè)置或檢索DIV背景透明漸變開(kāi)始點(diǎn)的垂直坐標(biāo)。
finishXFinishX設(shè)置或檢索DIV背景透明漸變結(jié)束點(diǎn)的水平坐標(biāo)。
finishYFinishY設(shè)置或檢索DIV背景透明漸變結(jié)束點(diǎn)的垂直坐標(biāo)。
Opacity代表透明度等級(jí)，可選值從0到100，0代表完全透明，100代表完全不透明。Style參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀；1代表線形；2代表放射狀；3代表長(zhǎng)方形。
Finishopacity是一個(gè)可選項(xiàng)，用來(lái)設(shè)置結(jié)束時(shí)的透明度，從而達(dá)到一種漸變效果，它的值也是從0到100。StartX和StartY代表漸變透明效果的開(kāi)始坐標(biāo)，finishX和finishY代表漸變透明效果的結(jié)束坐標(biāo)。
從上面講的我們可以看出，如果不設(shè)置透明漸變效果，那么只需設(shè)置opacity這一個(gè)參數(shù)就可以了。說(shuō)了這么多，我們來(lái)看一個(gè)實(shí)例吧（見(jiàn)下圖）：
實(shí)現(xiàn)上面這種效果的代碼如下：
alpha - Beautiful//*定義字體屬性，前景色為紅色*//
- //*導(dǎo)入一張圖片*//
如果在上面的代碼中稍做改動(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è)置DIV背景透明漸變效果，起始坐標(biāo)，終止?jié)u變坐標(biāo)，
- 并設(shè)置透明樣式值（style=1）為 線形*//
這段代碼產(chǎn)生的效果如左下圖所示，右面的兩幅圖分別是把Alpha中的Style參數(shù)值為2和3后的效果，點(diǎn)擊縮略圖可放大。
Style=1 Style=2 Style=3
以上是CSS的Alpha濾鏡屬性的應(yīng)用，具體應(yīng)用還需要您自己找個(gè)例子練一練。
當(dāng)前標(biāo)題：設(shè)置DIV背景顏色透明度
標(biāo)題鏈接：http://m.5511xx.com/article/ccdpgoe.html
