开发者社区> 问答> 正文

如何理解z-index?✨

展开
收起
前端问答 2019-12-15 17:00:56 866 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手

    CSS 中的z-index属性控制重叠元素的垂直叠加顺序,默认元素的z-index为0,我们可以修改z-index来控制元素的图层位置,⽽且z-index只能影响设置了position值的元素。

    我们可以把视图上的元素认为是⼀摞书的层叠,⽽⼈眼是俯视的视⻆,设置z-index的位置,就如同设置某⼀本书在这摞书中的位置。

    • 顶部: 最接近观察者
    • ...
      • 3 层
      • 2 层
      • 1 层
      • 0 层 默认层
      • -1 层
      • -2 层
      • -3 层
    • ...
    • 底层: 距离观察者最远

    image.png

    2019-12-15 17:03:19
    赞同 1 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载