Question

嘿我在我的网站上使用Dropkick js，但由于某种原因，身体背景图像受到影响并变得越来越多。背景是一个固定的大图像，其位置设置为“覆盖”。

body {
    background:url('IMAGEURL');
    background-attachment:fixed;
    background-size:cover;
}

向下滚动时，图像不会显示为固定，当您向下滚动并激活下拉菜单时，图像会显示“正确”其位置。

我在电脑上使用谷歌浏览器。

Answer 1

我最近遇到了同样的问题。它只发生在Chrome中，所以我猜这是一个Chrome错误。你是对的 - background-size:cover;与background-attachment:fixed;的组合使它混乱。使用固定的div作为没有附件的bg也无济于事。

我解决它的方法是使用以下插件之一：

缺点是它使用jQuery调整大小而不是CSS3。