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

  

 

posted @ 2018-03-05 11:47  我若亦如风  阅读(452)  评论(0编辑  收藏  举报