dropkick js和body背景错误

【问题标题】：dropkick js and body background errordropkick js和body背景错误
【发布时间】：2013-05-08 23:35:13
【问题描述】：

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

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

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

我在 PC 上使用 Google Chrome。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

谢谢。 Firefox 似乎也有一些问题。对这些插件有什么建议吗？
最简单最轻的一个是Full Size Bg - 1KB (minified) 加载它： $("#background").fullBg();如果你想要幻灯片，你可以使用Supersized。