溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css3中如何調(diào)節(jié)透明度

發(fā)布時(shí)間：2021-02-25 09:15:44 來(lái)源：億速云 閱讀：170 作者：小新 欄目：web開(kāi)發(fā)

這篇文章主要介紹css3中如何調(diào)節(jié)透明度，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

css3中調(diào)節(jié)透明度的方法：可以使用opacity屬性來(lái)設(shè)置透明度，如【opacity:0.5; filter:Alpha(opacity=50);】，表示將元素透明度設(shè)置為0.5。

屬性介紹：

opacity 屬性設(shè)置元素的不透明級(jí)別。

語(yǔ)法：

opacity: value|inherit;

屬性值：

  • value    規(guī)定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。

  • inherit    應(yīng)該從父元素繼承 opacity 屬性的值。

調(diào)節(jié)透明度的方法：

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的瀏覽器 */
}
</style>
</head>
<body>

<div>本元素的不透明度是 0.5。請(qǐng)注意，文本和背景色都受到不透明級(jí)別的影響。</div>

</body>
</html>

運(yùn)行結(jié)果：

css3中如何調(diào)節(jié)透明度

以上是“css3中如何調(diào)節(jié)透明度”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手