dropkick js和正文背景错误

Question

嘿，我在我的网站上使用了Dropkick js，但由于某些原因，身体背景图像受到了影响，变得有but。背景是一个固定的大图像，它的位置被设置为“封面”。

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

下面是一个示例：http://jsfiddle.net/NR9L2/1/

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

我在一台PC上使用Google Chrome。

Answer 1

我最近遇到了同样的问题。它只发生在Chrome中，所以我猜这是一个Chrome bug。你是对的--是background-size:cover;和background-attachment:fixed;的组合把它搞砸了。使用固定的div作为不带附件的bg也没有帮助。

我解决这个问题的方法是使用以下插件之一：

http://www.inwebson.com/jquery/fullscreen-background-jquery-plugins/

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