背景中的洞(Chrome)

时间:2013-12-02 22:32:13

标签: css google-chrome background-image

请参阅此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;添加到其中一个父元素中,这会导致这种奇怪的行为。

0 个答案:

没有答案