Question

我有这个网站，我使用nivoslider和我自己的下拉菜单，但恰好一旦滑块显示图片菜单落后于幻灯片。如果你徘徊在“Bilservice”

，我可以在网站上看到它

我已经尝试过z-index但什么不是，但我不能让它工作？这是我在这里失踪的东西吗？所有的帮助非常感谢

Answer 1

使用chrome进行修复，尝试修改CSS样式表style.css，在第148行添加z-index：-50;

#slideshow {
  margin-top: 30px;
  height: 270px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid black;
  background-color: #999;
  overflow: hidden;
  z-index: -50;
}

Answer 2

非常正确，你的“子类别/下拉菜单”的Z-index应该高于nivoslider的z-index，默认为10。

修复z-index：9999;对于下拉菜单，如果.nivoslider不是10，那么确保你的菜单z-index比nivoslider更高。

Answer 3

.nivo_slice类的z-index高于下拉列表。如果你改变它，那么子菜单的z-index比.nivo_slice类更高，它应该修复它。

Answer 4

这是对的。这是菜单的z-index值。菜单需要在css中具有比滑块更高的z-index值。

查看模板css并检查菜单z-index，然后检查：

../可湿性粉剂内容/插件/易于NIVO滑块/第三方/ NIVO-slider.css

../可湿性粉剂内容/插件/易于NIVO滑块/ CSS /易于NIVO-slider.css

确保您的菜单z-index值高于滑块。它对我有用。

Jquery，Nivo滑块覆盖下拉菜单

4 个答案: