Question

在wordpress中我使用了Skitter Slideshow插件，但是当我打开顶部菜单时：滑块上的子菜单显示，则下一个按钮不会隐藏在子菜单后面。为了获得更多帮助，我添加了一张图片，您可以在此问题的末尾看到图片链接：图像1是默认的，没有菜单显示，但在2图像中，您可以看到子菜单上的滑块下一个按钮 buttun 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

Answer 1

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

像：

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

他们每人还需要position relative absolute或fixed，以使z-index生效。

即使您在按钮上保留z-index 10000，这也会有效，我在小提琴中添加了这个，以表明它不是问题。

你应该不需要z-index和10000一样高，除非你从不想要一些东西，但在这种情况下甚至不重要。

制作小提琴：http://jsfiddle.net/filever10/a497M/

Answer 2

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

如何隐藏子菜单后面的滑块按钮？

2 个答案: