css怎么设置元素透明度
生活随笔
收集整理的這篇文章主要介紹了
css怎么设置元素透明度
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS設(shè)置元素的透明度（不透明度）
方法：使用CSS3 opacity 屬性
作用：設(shè)置元素的透明度
語(yǔ)法：
js
object.style.opacity=value
登錄后復(fù)制
css
opacity: value|inherit;
登錄后復(fù)制
參數(shù):
-
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！注意，文本和背景顏色都受不透明度級(jí)別的影響！</div>
</body>
</html>
登錄后復(fù)制
效果圖：
（學(xué)習(xí)視頻分享：css視頻教程）
以上就是css怎么設(shè)置元素透明度的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！
總結(jié)
以上是生活随笔為你收集整理的css怎么设置元素透明度的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： encode和decode的区别(dec
- 下一篇： 中创新航因不正当竞争被判向宁德时代赔偿