css设置背景透明度
生活随笔
收集整理的這篇文章主要介紹了
css设置背景透明度
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>背景透明度</title>
<style>
.demo{padding: 25px;
background-color:#000000;/*filter:alpha(opacity)方法支持ie8及以上,加上zoom:1也可支持ie8及以下*/filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;/*解決ie8及以下透明問題，ie6、ie7下必須寫上zoom:1*//*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000,endColorStr=#80000000);*//*background-color不支持ie8及以下，若要兼容ie8以下，必須加上上面一句*//*background-color:rgba(0,0,0,0.5);*//*zoom:1 ie8以下有些樣式不能顯示，啟動后可以顯示*/zoom: 1;
}
:root.deno {filter: none; /* IE9下需要關閉濾鏡，否則會與背景色同時生效 */
}
.demo p{color: red;
}
</style>
</head>
<body> <div class="demo"><p>背景透明，文字也透明</p>
</div>
</body>
</html>
總結
以上是生活随笔為你收集整理的css设置背景透明度的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [SHOI2011]双倍回文 manac
- 下一篇： ANSYS——相同模型不同创建方式的同载