伸展背景图像

Question

我的背景图片大小 1x947 px ，

  

问题是它是渐变颜色，所以我只使用 repeat-x ，   但当页面高度超过947 px 时，它会显示背景   颜色，

background-image:url(bg.gif);
background-repeat:repeat-x;

如何拉伸？

这是关于小提琴http://jsfiddle.net/K9cUd/1/

的代码示例

Answer 1

没有代码或示例很难分辨。

你可以使用CSS3的

background-size: 100%;

应该将其拉伸到整个页面大小。

你可能需要做

background-size: 0 100%;或background-size: 0% 100%;

因此宽度不会改变。

您可以在此处阅读更多内容：http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm

规范：http://www.w3.org/TR/css3-background/#the-background-size

Answer 2

如果您不想使用百分比，请使用：

    background-size: cover;