css中如何設定背景半透明
- 王林原創
- 2021-03-09 14:15:2910542瀏覽
css中設定背景半透明效果可以使用opacity屬性，該屬性用來設定元素的不透明級別，如【opacity:0.5】，表示將元素設為半透明狀態。
本文操作環境：windows10系統、css 3、thinkpad t480電腦。
在css中如果要設定元素的半透明效果，可以藉助於opacity屬性。 opacity 屬性用來設定元素的不透明級別，如【opacity:0.5】。
語法：
opacity: value|inherit;
屬性值：
value 規定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。 測試
inherit 應該從父元素繼承 opacity 屬性的值。
具體範例程式碼：
<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>
<div>本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明级别的影响。</div>
</body>
</html>（免費影片教學：css影片教學）
執行結果如：
相關推薦：CSS教學
以上是css中如何設定背景半透明的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css怎麼改行內元素高度下一篇：css怎麼改行內元素高度