Javascript 滚动时导航栏模糊

我成功地修复了滚动时网页顶部的导航条，但在经过某些div（主要是滑块）时，导航条变得模糊。谁能帮我一下吗

提前谢谢

编辑：似乎问题只在于chrome。不知道为什么

---

编辑2：这里有一个关于这个问题的视频截图

如果你说的是虚线边框下面的背景破损，那么在下面添加给定的CSS来修复这个问题

#nav li a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    float: left;
    font-family: GothamHTF-Medium;
    font-size: 17px;
    padding: 22px 0.85em 16px;
}

---

这就是你想要的吗？

Chrome在渲染固定元素时遇到一些问题

您应该开始向固定元素添加以下内容：

translateZ（0）

可用于修复大量Chrome bug

如果这不起作用，请确保固定元素的容器中没有

不透明度
为
0
的元素。如果是，请确保它们也有
显示：无

如果仍然没有得到结果，请确保您具备以下条件：

html,body { 
    height:100%;
    overflow:auto
}

上仍然有一个未解决的bug问题。
将此css添加到您的导航样式中

#nav{
 -webkit-backface-visibility: hidden;
}

看起来它又在渲染了。。真有趣！没错，这个问题还在继续。你说的是虚线边框下面的坏背景吗？只是修复了坏背景（它在chrome中没有坏，但在我转到firefox时就出现了）。谢谢你指出这一点，我不得不重新调整一些图片的大小。真正的问题似乎只出现在chrome上。滚动滑块divs时导航栏变得模糊。。就像它再次被移动或渲染一样。非常感谢您的时间，您使用的是哪个平台？Mac/Windows？哪个Chrome版本？Windows8。Chrome版本30.0.1599.101 m。您在复制问题时遇到问题吗？嗯，它在Windows 7 Chrome 30.0下使用此修复程序。。您确定您已将其应用于ul吗？我已经更新了我的帖子，请检查是否对你有效。我将你的代码添加到ul并上传到服务器。该网页现在已经更新，但不幸的是，它仍然不能工作，至少在我的浏览器中。你能发布一个截图吗？我无法重现这个问题。以前有些元素跳来跳去，但现在似乎已经修复了。只是通过ftp更改了它，但不幸的是，它仍然不适用于我
#nav{
 -webkit-backface-visibility: hidden;
}