<html>
<div class="div-p">
<img src="bg.jpg" class="img" />
<span class="text">Text</span>
</div>
</html>
<style>
.div-p{
position: relative;/*父元素设置为相对定位*/
}
.img{
position: absolute;/*子元素设置为绝对定位*/
z-index: 1;/*背景图设置层级必须比文字的层级低*/
}
.text{
position: absolute;/*子元素设置为绝对定位*/
z-index: 2;/*背景图设置层级必须比文字的层级低*/
}
</style>
11-10
1万+
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)