8

我有这个网站，我同时使用 nivoslider 和我自己制作的下拉菜单，但碰巧是一旦滑块显示图片，菜单就会落后于幻灯片。如果您将鼠标悬停在“Bilservice”上，可以在我正在工作的网站上看到它

http://tantobil.se/

我已经尝试过 z-index，但我无法让它工作？我在这里缺少什么吗？非常感谢所有帮助

4

4 回答 4

9

要使用 chrome 进行修复，请尝试在第 148 行修改您的 CSS 样式表 style.css，添加 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;
}
于 2011-02-12T13:37:47.097 回答
5

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

只需修复 z-index:9999; 对于下拉菜单，如果 .nivoslider 不是 10，请确保您的菜单 z-index 高于 nivoslider。

于 2012-10-23T14:05:05.790 回答
2

.nivo_slice 类的 z-index 高于下拉菜单。如果您更改它以使子菜单具有比 .nivo_slice 类更高的 z-index，它应该修复它。

于 2011-02-12T13:44:14.537 回答
1

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

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

../wp-content/plugins/easy-nivo-slider/3rd-party/nivo-slider.css

../wp-content/plugins/easy-nivo-slider/css/easy-nivo-slider.css

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

于 2011-06-07T16:53:04.113 回答