Html 位置固定的左侧导航在页面滚动时失去悬停状态

Html 位置固定的左侧导航在页面滚动时失去悬停状态,html,css,Html,Css,我有一个左侧导航栏-位置固定,在该栏中我有一个白色的悬停状态的链接 然而,在Chrome36中,当我滚动页面,你将鼠标悬停在链接上时,悬停状态不适用。这几乎就像悬停区随着页面滚动向上滚动页面一样 我没有任何代码可以共享,但我希望有人能够识别这个bug并共享修复程序 谢谢你的反馈 .left-shelf { display: block; position: fixed; bottom: 0; top: 51px; left: 0; backgrou

我有一个左侧导航栏-位置固定,在该栏中我有一个白色的悬停状态的链接

然而,在Chrome36中,当我滚动页面,你将鼠标悬停在链接上时,悬停状态不适用。这几乎就像悬停区随着页面滚动向上滚动页面一样

我没有任何代码可以共享,但我希望有人能够识别这个bug并共享修复程序

谢谢你的反馈

.left-shelf {
    display: block;
    position: fixed;
    bottom: 0;
    top: 51px;
    left: 0;
    background: none repeat scroll 0 0 #34474f;
    z-index: 9999;
}
包含以下链接列表:

<ul>
    <li><a href="">something</a></li>
</ul>

我相信我发现了问题,在家长,家长我有这些属性-当评论出来的网页如预期

#page {
/* position: relative; */
/* z-index: 99; */
/* -webkit-backface-visibility: hidden; */
}

我无法复制错误,它按我的预期工作。Chrome版本36。无法在版本36.0.1985.143 m中复制。使JSFIDLE尝试并复制: