js 修改z-index的值

js 修改z-index的值，有如下方法：

1、

$(".modal-content").css({"z-index":200})

2、

$(".modal-content").css("z-index","3000")

3、

$(".modal-content")[0].style.zIndex=100

有时候你通过上述方法试图改z-index的值却不生效，那么很可能是在你改之后，后面其他的js代码或js插件里又对z-index进行赋值了。

所以碰到这种问题时就比较麻烦，这时候你也可以采用改变其他div的z-index的值来获得你想要的效果。

比如有一次我想改一个div的z-index，它原先的值是9000+，导致后面的遮罩层罩不住它，我最开始试图把这个div的z-index改小一点，

但后来发现并不生效，可能是其他js插件又重新给这个z-index赋值了，我也一时找不到，最后我就索性不改它了，而是转而去改这个遮罩层的z-index，

我只要把遮罩层的z-index改的比div的z-index更大，就可以把这个div罩住了，问题也就解决了。