请参阅此http://cl.ly/image/1R0L3H3B0x3I
我的网站上有固定的背景,100%宽,当我滚动页面时,背景看起来很奇怪(查看上图)。它应该是坚实的背景,起初它是,但当我开始滚动页面时,它会得到那些奇怪的洞,它们不会一直出现在同一个地方。
这是我用于该div的CSS:
.bg-style-5 {
background-image: url("images/bg-6.jpg");
background-position: center top;
background-repeat: no-repeat no-repeat;
background-size: cover !important;
background-attachment: fixed;
width: 100%;
padding: 0 1000px;
margin-left: -1000px;
overflow: hidden;
position: relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
当我切换浏览器标签时,它会自行修复,因此我认为这是Chrome错误。有没有人经历过这样的事情?也许有这个问题的解决方案?
解决方案:我已将-webkit-backface-visibility: hidden;
添加到其中一个父元素中,这会导致这种奇怪的行为。