css - 固定背景通过各种分辨率

Question

对于我的个人网站，我想使用一个非常具体的背景图片。这张背景图片代表了我的签名线，我想知道在所有主要分辨率中无缝地进行这项工作的最佳方法是什么。

我已经添加了这个背景图像，但在当前状态下，一旦我调整到较小的宽度，右侧就会被切断。有什么办法可以保存这个吗？

一些示范：

i49.tinypic.com/16l0kma.jpg
i45.tinypic.com/35naf6v.jpg
i46.tinypic.com/2b1tus.jpg

我准备了我的背景图片的快速截图：http: //i48.tinypic.com/2uz8aw7.jpg

非常感谢你，尼基

Answer 1

您可以使用background-size:cover. 像这样写：

body{
    background: url(http://i48.tinypic.com/2uz8aw7.jpg) 20px 0 no-repeat;
    background-size:cover;
}

检查这个http://jsfiddle.net/dXQNJ/