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

Posted 2021-01-03 caohuimingfa

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

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

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