我无法点击固定div内的链接

Question

此链接位于名为.user_minibar且具有position: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;
}