Css I'；我无法单击fixed div中的链接

此链接位于名为

的div内。user\u minibar

带有

位置：固定属性。当我把鼠标放在那个链接上时，我的光标甚至没有变成指针

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

下面是我的JSFIDLE:
最重要的元素之一可能与div重叠。请尝试添加
z-index:1
到您的
.user\u迷你吧
 将z索引添加到
.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;
}

我在
h1
中添加了一个
1px纯红
边框，以便您可以清楚地看到问题。