css怎么设置元素透明度
生活随笔
收集整理的這篇文章主要介紹了
css怎么设置元素透明度
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本教程操作環境：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視頻教程）
以上就是css怎么設置元素透明度的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的css怎么设置元素透明度的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： encode和decode的区别(dec
- 下一篇： 中创新航因不正当竞争被判向宁德时代赔偿