伸展背景图像

Question

我有一张尺寸为1x947像素的背景图片,

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

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