js 修改z-index的值
2015-12-03 10:03
441 查看
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罩住了,问题也就解决了。
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罩住了,问题也就解决了。
相关文章推荐
- jQuery获取css z-index在各种浏览器中的返回值
- CSS z-index 的效果
- CSS中 z-index 的介绍
- Z-index优先级总结
- js动态设置div层级兼容ie7
- css中关于z-index的使用
- z-index
- css中的float和相对定位,绝对定位,z-index
- css z-index失效问题
- CSS z-index 属性的使用方法和层级树的概念
- 解决下拉菜单被下方焦点图覆盖问题
- 理解五条叠加法则,自由使用层的叠加
- css中的position、z-index、clearfix
- 浅析CSS——元素重叠及position定位的z-index顺序
- IE6下z-index犯癫不起作用bug的初步研究
- iframe的显示和隐藏以及zIndex的使用
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS z-index 属性的使用方法和层级树的概念
- IE 6 & IE 7 Z-Index Problem
- iPhone How-to:如何调整UIView的Z-Order