css下来菜单被下面的背景图片挡住了?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css下来菜单被下面的背景图片挡住了?相关的知识,希望对你有一定的参考价值。

背景图片容器层级比下拉菜单层级高因此挡住了下拉菜单!在菜单样式部分加入z-index:99999; 参考技术A

设置菜单css

.menu position:relative; z-index:2 /* 如果下方背景图片设置了 z-index,这个值要比背景图片的大 */

参考技术B 你按背景设置下就好了

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

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

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

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

以上是关于css下来菜单被下面的背景图片挡住了?的主要内容,如果未能解决你的问题,请参考以下文章

CSS做网站下拉菜单被图片挡住了怎么办?

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

html设置注册窗口弹出来的窗口被轮播图挡住了

HTML里用iframe引入一个头部页面JS下拉菜单显示不全

网页下拉菜单怎么设置

div+css中怎样在父盒里加背景图片并且都显示出来不被子盒子中的背景图片所覆盖