jquery - dropkick js和body背景错误

Question

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

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

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

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

我在 PC 上使用谷歌浏览器。

Answer 1

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

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

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

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