z-index使用及一定要加backgroun

CSS z-index属性示例

最新推荐文章于 2023-12-16 23:00:06 发布

转载最新推荐文章于 2023-12-16 23:00:06 发布 · 76 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yewook/p/6344986.html

本文通过一个具体的示例展示了CSS中z-index属性的应用方法。该示例利用div元素和span元素结合绝对定位与层级设置，说明了如何调整页面元素的堆叠顺序，实现前后遮挡效果。

代码：

<div>
<span style="display:block;width:40px;height:20px;border:1px solid red;position:relative;">点开</span>
<div style="position:absolute;width:300px;height:100px;border:1px solid #333;background:#fff;z-index:1">z-index的使用</div>
</div>
测试文本测试文本测试文本测试文本测试文本测试文本

转载于:https://www.cnblogs.com/yewook/p/6344986.html