Z-index与nivo滑块和下拉菜单有关

时间:2013-03-07 22:59:25

标签: css

我认为对此的回答相对简单,但到目前为止还没能让它为我工作。

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

http://cocoslingerie.co.uk/

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

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

2 个答案:

答案 0 :(得分:5)

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

.slider-wrapper{
  opacity: 0.99;
}

利用了z-index,不透明度和堆叠的古怪性质。这里有更深入的解释:

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

答案 1 :(得分:1)

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

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