无法将元素放在其他元素之上

Question

这是网站

每当我将鼠标悬停在导航链接上时，它都会显示在幻灯片后面。为什么呢？

Answer 1

您必须将z-index的{​​{1}}（当前设置为200）增加到高于幻灯片显示的ul（当前设置为1000）。

Answer 2

您需要添加

z-index: 1;

到

#slideshow ul {
    height: 320px;
    left: 10px;
    list-style: none outside none;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 620px;
    margin: 0;
    padding: 0;
    z-index: 1;
}

和

z-index: 1000;

到

.menu li {
    float: left;
    padding: 0px;
    z-index: 1000;
}

z-index指定元素的堆栈顺序。

具有较大堆栈顺序的元素放置在具有较低堆栈顺序的元素前面。