html背景透明怎么设置
发布网友
发布时间：2022-04-22 07:38
共1个回答
热心网友
时间：2022-05-14 08:37
html-css 中让一个DIV的背景色是半透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0.6；代码如下：
<html>
<head>
<style>
div{
widht:220px;
height:300px;
}
#div1{
background:#fff;
opacity:0.6;
z-index:10;
}
#div2{
z-index:11;
}
</style>
</head>
<body>
<div id='div1'>
<div id='div2'>
<p>我是测试文字</p>
</div>
</div>
</body>
</html>
