jquery - 如何创建跨浏览器兼容的完整背景图像/

Question

我花了几个小时上网并浏览了一些网络开发书籍来寻找答案。我有一张尺寸为 1920x1289 的图片。此图像将用作背景。我希望图像固定，保持居中，填充可见的浏览器区域并且不导致任何滚动条。我遇到过使用纯 css 的解决方案，例如 background-size:cover; 和 background-size:100% auto;。 我熟悉 CSS 但不熟悉 jquery。我遇到了以下脚本:

http://louisremi.github.com/jquery.backgroundSize.js/demo/

我的问题是哪个选项对我的目的来说是“最好的”。如果我选择 jquery，它会导致任何性能问题。我将把这种方法用于响应式网站。我特别想使用 background 属性而不是 img 属性来实现语义和干净的编码。如果有任何建议，我将不胜感激。

Answer 1

<style type="text/css">
    body {
        height: 100%;
        background: url('images/someimage.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
</style>

这将在所有浏览器中正确调整大小。