在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。 1.第一种情况 ...

z-index简单介绍 首先z-index只对定位元素有效，什么是定位元素呢，也就是设置了position属性的元素，position：relative--相对定位，position：absolute--绝对定位，position：fixed--固定定位，position：static静态定位 ...

z-index它可真是一个神奇的东西，它可以随意安排你的层的叠加问题。 如你想让红色矩形压在蓝色矩形上，正常布局先建立一个红色的再建议一个蓝色的，就可以了。 但如果我相反来建立，那么就得借助z-index方法 ...

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

参考： element ui的z-index问题 - SegmentFault 思否 我的情况： 使用elementUI的el-drawer组件，打开时发现偶尔会出现el-drawer被遮盖的问题 原因： el-drawer每打开一次，其z-index会+1，目的是为了保证浮层 ...

1.前言 我们知道Element中新的弹出框的展示，总是覆盖着上一个弹出框。实现覆盖功能需要保证新的弹出框的z-index要比旧的弹出框的z-index值相等或着更高， 为达到这个目的element为所有的弹出框(所有下拉框、提示框、Dialog对话框等等)直接或间接的使用到一个js组件 ...

最近写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 轴上的顺序，当元素发生 ...