css设置背景透明度

最新推荐文章于 2024-05-11 06:54:18 发布

qq_27891995

最新推荐文章于 2024-05-11 06:54:18 发布

阅读量1k

点赞数

分类专栏： css 文章标签： css alpha 透明度

本文链接：https://blog.csdn.net/qq_27891995/article/details/85102314

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_27891995

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css设置背景透明度

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;背景透明度&lt;/title&gt;&lt;style&gt;.demo{ padding: 25px;background-color:#000000; /*filter:alpha(
复制链接

扫一扫