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

我认为这个问题的答案是相对直截了当的，但迄今为止还没有能够为我工作。带nivo滑块和下拉菜单的Z-index问题

基本上在这个URL我有一个滑块，保持坐在上面下拉菜单从内衣链接下降。

http://cocoslingerie.co.uk/

我已经设置下拉到一个更高的z-index比NIVO滑块，但仍然没有运气。

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

2013-03-07 David

请有意义的代码添加到您的问题。请不要将链接到需要修复的网站 - 否则，一旦问题得到解决，此问题将会丢失未来访问者的任何价值。发布 [简短，独立，正确的示例（SSCCE）]（http://www.sscce.org/），这表明您的问题将帮助您获得更好的答案。有关更多信息，请参阅 [我的网站上的某些内容不起作用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/questions/125997/）谢谢！ – 2013-03-07 23:05:23

我同意，但在这种情况下，我不确定除了页面内容以外的示例真的会持有多大价值。 – David 2013-03-07 23:13:44

通常我会同意jdwire，但在这种情况下，我会例外：P – j08691 2013-03-07 23:20:32

你需要设置滑块的最外层包装的位置和z指数：

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

来源

2013-03-07 23:33:42 mgrahamjo

@mgrahamjo答案是正确的，只是觉得应该添加另一种有趣的方式来解决这个问题

.slider-wrapper{ 
    opacity: 0.99; 
}

它利用z-index，不透明度和堆叠的奇特性质。更深入的解释在这里：

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

来源

2013-03-07 23:40:34 JoeyP

布拉沃的解决方案和链接，解释 – michaelbn 2013-07-12 12:40:36

试图找出这个问题了几天。非常感谢。完美工作。只是将类名更改为我最外面的滑块元素的ID。 #slider – brycejl 2016-09-14 21:02:13

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

回答

相关问题