写css z-index的时候经常会出现很多莫名其妙的问题，下面对z-index属性做彻底的剖析，本文参考了《一个css中z-index的用法》，并做了很多demo，方便了解z-index的用法. 一、z-index是什么 z-index属性决定了一个HTML元素的层叠级别。元素层叠级别 ...

控制非文档流元素的叠放顺序，该属性值越高，元素位置越靠上。 当元素设置为relative、absolute或fixed时，通过设置z-index：number； 决定叠放顺序，属性值越高，元素位置越靠上。 ...

了另一个元素或者被另一个元素覆盖。 z-index属性值并不是在任何元素上都有效果，z-index属性 ...

一、CSS中zoom:1的作用在做IE6、IE7、IE8浏览器兼容的时候，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：1、触发IE浏览器的haslayout2、解决IE下的浮动，margin重叠等一些问题。 二、z-index:auto|number; ◆auto遵从其父对象 ...

做过页面布局的同学对z-index属性应该是很熟悉了，z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系 ...

最近写CSS3和js结合，遇到了很多次z-index不生效的情况： 1.在用z-index的时候，该元素没有定位（static定位除外） 2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数 ...

参考文献：https://blog.csdn.net/u012207345/article/details/82744505 https://www.cnblogs.com/mrszhou/p/7745290.html z-index 属性是用来调整元素及子元素在 z 轴上的顺序，当元素发生 ...

我看很多人都弄不清楚css的层级关系 自己也百度过很多网上的z-index的说法，比如 什么是“层叠上下文” 层叠上下文(stacking context)，是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的 X轴， Y轴 ...