各种分辨率的固定背景

时间:2013-01-28 07:35:51

标签: css

对于我的个人网站,我想提供一个非常具体的背景图片。这个背景图像代表了我的标志性线条,我想知道在所有主要分辨率下无缝地工作的最佳方法是什么。

我已经添加了这个背景图片但是在它的当前状态下,一旦我调整到较小的宽度,右侧就会被切断。有没有办法保留这个?

一些示威:

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

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

非常感谢,尼基

1 个答案:

答案 0 :(得分:0)

您可以使用background-size:cover。写得像这样:

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

选中此http://jsfiddle.net/dXQNJ/