1

滚动时，我成功地将导航栏固定在网页顶部，但不知何故，当通过某些 div（主要是滑块）时它变得模糊。有人可以帮帮我吗？

http://www.clinicajardinsbenfica.pt/new.html

提前致谢！

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

edit2：这是一个视频截图与问题http://www.screenr.com/mVEH

4

3 回答 3

1

Chrome 在渲染固定元素时存在一些问题。

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

-webkit-backface-visibility: hidden;

-webkit-transform: translateZ(0) scale(1.0, 1.0);

translateZ(0)可用于修复许多 Chrome 错误。

如果这不起作用，请确保您的固定元素的容器内没有具有opacityof 的元素0。如果是这样，请确保他们也有display:none;

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

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

chromium仍然存在一个未解决的错误问题。

于 2013-10-25T13:16:29.110 回答
0

将此 CSS 添加到您的导航样式中。

#nav{
 -webkit-backface-visibility: hidden;
}
于 2013-10-25T13:22:09.843 回答
0

如果您说的是虚线边框下方的破碎背景，请在给定的 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;
}

是你要找的吗？

于 2013-10-25T12:40:25.127 回答