溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“css如何設置元素透明度”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css如何設置元素透明度”吧!
在css中，可以使用opacity屬性來設置元素的透明度，只需要給元素添加“opacity:value;”樣式即可；其中參數“value”指定元素的透明度，值的范圍為“0.0~1.0”，“0.0”表示完全透明，“1.0”表示完全不透明。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS設置元素的透明度（不透明度）
方法：使用CSS3 opacity 屬性
作用：設置元素的透明度
語法：
js
object.style.opacity=value
css
opacity: value|inherit;
參數:
value：指定的透明度；范圍從0.0~1.0，0.0表示完全透明，1.0表示完全不透明。
inherit：opcity的值從父元素繼承;
Demo：
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color:red;
}
.demo{
opacity:0.4;
filter:Alpha(opacity=40); /* IE8 and earlier */
}
</style>
</head>
<body>
<div =>此元素不透明</div><br />
<div class="demo">此元素的透明度為0.4！注意，文本和背景顏色都受不透明度級別的影響！</div>
</body>
</html>效果圖：
到此，相信大家對“css如何設置元素透明度”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
