1

在 wordpress 中，我使用了 Skitter Slideshow 插件，但是当我打开顶部菜单：并且子菜单显示在滑块上时，下一个按钮不会隐藏在子菜单后面。为了获得更多帮助，我附上了一张图片，你可以在这个问题的末尾看到图片链接：图片 1 是默认的，没有菜单显示，但在 2 图片中你可以看到子菜单按钮 css 代码上的滑块下一步按钮：

background: url("../images/blog-felesh-r1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
height: 53px;
overflow: hidden;
position: absolute;
right: 35px;
text-indent: -9999em;
top: 317px;
width: 53px;
z-index: 10000;

更多帮助的图像：菜单显示之前： http: //up.tractorfc.com/images/50135186097250441245.png

菜单打开后： http: //up.tractorfc.com/images/85386592157969197947.png

4

2 回答 2

0

顶部菜单的父级应具有比主滑块容器更高的 z-index。

像：

#nav{z-index:3}
#slider{z-index:2}

他们每个人还需要一个positionofrelative absolute或fixed, 才能使 z-index 生效。

即使您在按钮上保留 a z-index，这也将起作用10000，我在小提琴中添加了它以表明这不是问题。

除非你从不想要在它上面有什么东西，否则你不应该需要这么z-index高10000，但在这种情况下，这甚至无关紧要。

做了一个小提琴：http: //jsfiddle.net/filever10/a497M/

于 2013-11-13T21:32:10.143 回答
-1

您是否检查过哪些 z-index 值具有子菜单元素和按钮？如果您希望在显示子菜单时隐藏按钮，则按钮的 z-index 必须低于子菜单。

于 2013-11-13T21:10:52.010 回答