此链接位于名为.user_minibar
且具有position:fixed;
属性的div内,位于页面顶部,无法单击。当我将鼠标放在该链接上时,我的光标甚至不会变成指针。
除非我向下滚动一点,否则我无法点击它(只有当我的链接正好在h1
标签下方时才会对我有用(很奇怪,对吧?)。
这是我的jsfiddle:http://jsfiddle.net/Arkl1te/9XkHa/
答案 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;
}