4.11日(rì)音(yīn)訊,網站(zhàn)建設中背景&∑®透明(míng)度的(de)運用(yòng),怎樣在C&SS樣式中設置背景的(de)透明(míng)度©®♠,過多(duō)的(de)文(wén)字可(kě)能(néng)§>大(dà)家(jiā)著(zhe)急,好≤↑'©(hǎo)了(le),
邯鄲網站(zhàn)建設首創網絡就(jiù)給大(dà)家(jiā'✘)列舉一(yī)個(gè)實例來(lái)表述吧(ba),把₽×'≈類為(wèi)box的(de)層設為(wèi)透明(míng)。
<divclass="box&qu<€ot;></div>
<style>
.box{width:300px;height:200pxδ&∞;margin:0auto;boxder:1pxsolid#ccc;×background:#000;filter:a¥<€lpha(opacity:30);opacity:0.3;-moz-opac§$♠ity:0.3;-khtml-opacity:↓∏0.3}
</style>
其中background:#000;filter:alpha(opa←βcity:30);opacity:0.3;為(wèi)關鍵代碼,當opacit₽'y值為(wèi)1時(shí),表示完全不(bù)透明(míng),為(α$♣wèi)0時(shí)表示完全透明(míng)。
其關的(de)屬性介紹如(rú)下(xià):
opacity:0.3;這(zhè)是(shì)“最重 ↓Ω要(yào)的(de)”,因為¶ε(wèi)它是(shì)在CSS的(de)現(xiàn)行(xíng)标準。β₩ α這(zhè)将在Firefox,Safari和(hé)Opera的(de)大('£↔∑dà)多(duō)數(shù)版本的(de)工(gōng)作(zu ¶ò)。這(zhè)将是(shì)你(nǐ)所需 λ要(yào)的(de)一(yī)切如(rú)果所有(y↔₽♠ǒu)的(de)浏覽器(qì)都(dōu)支持目前的(de)标準。當然是σ♥φ(shì)他(tā)們不(bù)會(huì)錯(cuò)。
filter:alpha(opaci&φty=30);這(zhè)一(yī)個(gè★ ∏)是(shì)針對(duì)IE浏覽器(qì)
-moz-opacity:0.3;你(nǐ)需要(yào)這(zhè)一α☆(yī)個(gè)支持老(lǎo)版本的(de)Mozilφφ$∑la浏覽器(qì)如(rú)NetscapeNavigator。
-khtml-opacity:0.3;這(zhè)是(shì)&Ω<≥舊(jiù)版本的(de)Safari(1.×)當渲染引擎是(πφshì)使用(yòng)仍被稱為(wèi)kthml,而不(b♠ ✔§ù)是(shì)目前的(de)WebKit。