CSS怎么实现背景图像透明
导读：本文共919字符，通常情况下阅读需要3分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 首先，我们来看一下HTML代码 <divclass="content"> <divclass="bg"></div> <p>蒲公英</p> </div> .bg是一个空div，“... ...
目录
(为您整理了一些要点),点击可以直达。首先，我们来看一下HTML代码
<divclass="content">
<divclass="bg"></div>
<p>蒲公英</p>
</div>
.bg是一个空div，“蒲公英”写在它之外。
也就是说，下面将利用position属性将“蒲公英”放在图像的上面，我们来看具体的代码实例
首先，给出相对位置（position：relative;）到.content。
为了更容易理解背景透明，我们先给一个黑色的背景
.content{
width:450px;
height:300px;
background:#000;
position:relative;/*相对位置*/
}
p{
color:#fff;
font-weight:bold;
text-align:center;
}
接下来，我们来设置.bg
将width和height设置为100％并将position设置为绝对位置放在左上（left:0;top:0;）。
.bg{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(img/pugongying.jpg);
background-size:cover;
opacity:0.5;
}
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">CSS怎么实现背景图像透明的详细内容，希望对您有所帮助，信息来源于网络。