easyUI中，z-index失效问题

 

  1、z-index是css的属性，第一种div设置css的z-index时，是不起作用的，最后设置在style中才起作用了，比较诡异的一件事情。

 

2、还有一种情况就是，遮盖层在dialog弹出层的下面，这种情况是z-index失效了，此时可以添加 position:"absolute"，如下图：

这是因为 z-index 是在定位情况下使用的，

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 
    注释：元素可拥有负的 z-index 属性值。 
    注释：Z-index 仅能在定位元素上奏效（position属性值设置除默认值static以外的元素，包括relative，absolute，fixed样式）

3、如果还是不能解决问题，可以试试将遮盖层样式的z-index值改为如下（不推荐使用）：

 z-index: 9999 !important

　　

 

转载于:https://www.cnblogs.com/cap-rq/p/8508148.html