nivo 滑块和下拉菜单的 Z-index 问题答案

【问题标题】：Z-index troubles with nivo slider and dropdown menunivo 滑块和下拉菜单的 Z-index 问题
【发布时间】：2013-03-07 22:59:24
【问题描述】：

我认为这个问题的答案会相对简单，但到目前为止还不能让它为我工作。

基本上在这个网址上，我有一个滑块，它一直位于从内衣链接下拉的下拉菜单上方。

我已将下拉菜单设置为比 nivo 滑块更高的 z-index，但仍然没有运气。

谁能给点建议？

【问题讨论】：

请在您的问题中添加有意义的代码。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Short, Self Contained, Correct Example (SSCCE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！
我同意，但在这种情况下，我不确定除了页面中的内容之外的示例是否真的有什么价值。
通常我会同意 jdwire 但在这种情况下我会例外：P

标签： css

【解决方案1】：

@mgrahamjo 的答案是正确的，只是想我会添加另一种有趣的方法来解决这个问题

.slider-wrapper{
  opacity: 0.99;
}

它利用了 z-index、不透明度和堆叠的古怪特性。更深入的解释在这里：

【讨论】：

【解决方案2】：

您需要设置滑块最外层包装的位置和z-index：

#slide .slider {
    position: absolute;
    z-index: 0;
}

【讨论】：