stacking context mdn 链接 这里只简单介绍一下常用的 Stacking Context 在一个层叠上下文内，不同元素的层叠次序如下图所示由内到外概括来说，zindex为正 zindexautozindex0不依赖zindex的。

zindex的值可以是负数，也可以为0，也可以无群大，数值大的在上方zindex父元素设置的值权重比较大，当两个父元素相比的时候，父元素起决定作用，其中的子元素设置多大都没有用正常情况下可以看到灰色覆盖了粉色元。

给包含客户端的标签加个属性zindex，这个属性就是用来设置层级关系的，zindex的值越大，元素就越在上层默认zindex 的值为0，将客户端的标签的zindex设为1或者更大，它就能显示在上面了。

2浮动元素添加position属性如relative，absolute等3去除浮动2第二种情况IE6下，层级的表现有时候不是看子标签的zindex多高，而要看整个DOM tree节点树的第一个relative属性的父标签的层级egIE7与IE。

那么什么时候用呢其实就是我刚刚说的那个场景，zindex发生重叠后，才会考虑使用这个，但是呢，他起作用也是有前提的，比如说，最常见的就是，你首先是定位元素，也就是position不为static的元素才有效，所以说，如果你使用。

1自动当属性的值为自动时，浏览器会为元素自动分配一个堆叠上下文，自动值意味着元素会根据其出现的顺序在堆叠上下文中进行排序，较晚出现的元素会覆盖较早出现的元素2无单位的整数值，可为负数当属性被设置为一。