<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万+
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
