固定的div中的链接无法点击

Question

内的链接被置于页面顶部，但无法点击。当我将鼠标悬停在该链接上时，光标甚至不会变成一个指针。

除非我向下滚动一点，否则我无法点击它（仅当我的链接精确位于h1标记下方时才有效（奇怪吧？））。

以下是我的jsfiddle：http://jsfiddle.net/Arkl1te/9XkHa/。

- Fabián

---

我已经给 h1 添加了一个 1px solid red 的边框，这样你就可以清楚地看到问题了。 - Fabián

Answer 1

最可能的情况是有一个元素与你的 <div> 重叠了。尝试在你的 .user_minibar 上添加 z-index: 1;。

- Austen

Answer 2

为.user_minibar添加z-index，它被h1覆盖。

.user_minibar{
    position: fixed;
    width: 250px;
    height: 30px;
    background: rgba(255,255,255,.8);
    border-bottom: 1px dotted red;
    color: red;
    font-size: 14px;
    z-index: 1;
}

- Chris Bier