z-index的作用

因为绝对定位与文档流无关，所以绝对定位的元素可以覆盖页面上的其他元素，可以通过z-index属性控制叠放顺序，z-index越高，元素位置越靠上。

可以理解成有一个xyz的立体坐标系，每一个绝对定位的元素都是一个xy平面上的一张图片，当它们的重叠的时候，z轴的高度决定了上下的顺序，而用户则是从上往下看这些元素，z轴坐标越大的元素遮挡了z轴坐标越小的元素。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 定位（postion、z-index）
    CSS 定位 CSS有三种基本的定位机制：普通流，浮动，绝对定位(absolute, fixed)：普通流是默认定...
    _空空阅读 5,856评论 0赞 15
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1赞 92
  • css动画
    看了很多视频、文章，最后却通通忘记了，别人的知识依旧是别人的，自己却什么都没获得。此系列文章旨在加深自己的印象，因...
    DCbryant阅读 1,896评论 0赞 4
  • CSS理解之z-index
    1.z-index基础 z-index属性指定了元素及其子元素的[z顺序]，而[z顺序]可以决定当元素发生覆盖的时...
    徐国军_plus阅读 6,443评论 1赞 6
  • 【阿米观察】跨境电商出口新势力四大金刚现身
    跨境电商出口新势力四大金刚现身 如我曾在专访中所谈及，跨境电商卖家两极急速分化，中小卖家沦为大卖家超大卖家的产品...
    跨境二米Show阅读 276评论 0赞 0