如何在不使链接失效的情况下控制HTML/CSS中的分层？

网址：

http://68.50.243.1/wunhopkuendo/

我正试图在左上角的绿色横幅下制作图像旋转木马。如果我将转盘上的z-index设置为-1，则左/右按钮不起作用。但是，如果我在横幅上将z-index设置为999999，则它不会显示在旋转木马上。我怎样才能做到这一点？谢谢

JS Fiddle位于：

---

只需为图像添加

位置：relative

<a class="brand" href="#">
    <img src="http://68.50.243.1/wunhopkuendo/img/logo.png"
         style="z-index: 99; position: relative;" />
</a>

这背后的原因是，

z-index

仅对

position

ed元素起作用，这些元素不是

静态的

---

Fiddle:z-index倾向于对应用了相同类型的

位置的元素起作用


您可以将以下内容应用于CSS：

.navbar {
    position:relative;
    z-index:999;
    height: 50px;
    background:#ff0;
}

#content{
    position:relative;
    z-index:1;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

这将使导航栏位于内容的顶部…当然，您不需要指定
999
的
z-index
…您只需使用
2
的值即可。如果您想让我们查看演示，请将其发布到我们可以看到的网站，以便轻松操作和更改，没有在浏览器中挖掘web开发者工具的相关代码。当然，但是有10行代码不是twitter引导的