css - 我无法单击固定 div 内的链接

Question

此链接位于一个名为.user_minibarwithposition:fixed;属性的 div 内，并且位于页面顶部，因此无法单击。当我把鼠标放在那个链接上时，我的光标甚至没有变成一个指针。

除非我向下滚动一点，否则我无法单击它（仅当我的链接正好位于h1标签下方时它才对我有效（奇怪，对吗？））。

这是我的 jsfiddle：http: //jsfiddle.net/Arkl1te/9XkHa/

Answer 1

最重要的元素之一可能与您的 div 重叠。尝试添加z-index: 1;到您的.user_minibar.

Answer 2

将 z-index 添加到.user_minibar，它与 . 重叠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;
}