<!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设置背景透明度
猜你喜欢
转载自blog.csdn.net/qq_27891995/article/details/85102314
今日推荐
周排行