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

时间:2013-08-09 22:03:55

标签: css hyperlink fixed

此链接位于名为.user_minibar且具有position:fixed;属性的div内,位于页面顶部,无法单击。当我将鼠标放在该链接上时,我的光标甚至不会变成指针。

除非我向下滚动一点,否则我无法点击它(只有当我的链接正好在h1标签下方时才会对我有用(很奇怪,对吧?)。

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

2 个答案:

答案 0 :(得分:14)

其中一个顶级元素可能与你的div重叠。尝试将z-index: 1;添加到.user_minibar

答案 1 :(得分: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;
}