码迷,mamicode.com
首页 > 其他好文 > 详细

弹出层或者下拉菜单被下面的 层遮挡住了解决办法

时间:2018-09-03 17:19:13      阅读:453      评论:0      收藏:0      [点我收藏+]

标签:jquery   pos   jquer   动态   relative   nbsp   高级   图片切换   bsp   

弹出层或者下拉菜单被下面的<div>层,或者jquery图片切换屋遮挡住了解决办法。这个一般是屋设置了position属性,如POSITION: relative;解决这个办法在当前层设置z-index都是无效的,即使将弹出层所在父层的z-index设置到999,可弹出层依然会被底下的div遮挡住。

造成这个原因是层的叠加原因,叠加原则中指出,非同辈元素,任意一者或其祖元素拥有动态定位时,同时各自向上寻找动态定位的祖元素,并分别从中拿出具备最高级别的祖元素(或其本身)进行比较。所以根据层的叠加原则,将z-index属性设置到最高级别的父元素,

如设为style=" position:relative;   z-index:99999; " ,最中弹出层显示正常

弹出层或者下拉菜单被下面的 层遮挡住了解决办法

标签:jquery   pos   jquer   动态   relative   nbsp   高级   图片切换   bsp   

原文地址:https://www.cnblogs.com/caohuimingfa/p/9579334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
分享档案
周排行
mamicode.com排行更多图片
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!