jquery - dropkick js和 body 背景错误

Question

嘿，我在我的网站上使用 Dropkick js，但由于某种原因，正文背景图像受到影响并出现错误。背景是固定的大图，位置设置为“覆盖”。

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

这是一个例子:http://jsfiddle.net/NR9L2/1/

当您向下滚动时，图像看起来并不固定，而当您向下滚动并激活下拉菜单时，图像似乎“更正”了它的位置。

我在 PC 上使用 Google Chrome。

Answer 1

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

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

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

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