不使用background

编程入门行业动态更新时间:2024-10-27 06:33:29

不使用<a href=https://www.elefans.com/category/jswz/34/1737660.html style= background"/>

不使用background

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

更多推荐

不使用background

本文发布于:2023-11-16 23:56:07，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1635511.html