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

Question

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

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

http://cocoslingerie.co.uk/

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

有人可以提出任何建议吗？

Answer 1

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

.slider-wrapper{
  opacity: 0.99;
}

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

http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Answer 2

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

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