Dropkick js和body背景错误

Question

嘿，我在我的网站上使用Dropkick js，但由于某种原因，身体背景图像受到影响并变得有bug。背景为固定的大图，位置设置为"cover"。

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来调整大小