下拉菜单位于网络内容下方

Question

我更改了此网站中的图片滑块：

http://www.math.ubc.ca/~FluidLab/

但是，我看到图像滑块位于菜单顶部。我该如何解决？

谢谢

Answer 1

因为元素是position: absolute，所以它们的z-index会自动大于下拉列表。

只需将z-index: -1添加到#slider1Content。

Answer 2

当您将z-index：-1添加到＃slider1Content时，下拉菜单会显示在滑块顶部可见，当您将鼠标悬停在滑块上时会消失。

所以将z-index：-1添加到＃slider1中。