拉伸背景图像
我有一个尺寸为 1x947 px 的背景图片，
问题是它是渐变颜色，所以我只使用repeat-x， 但是当页面高度超过 947 px 时，它会显示背景 颜色，
background-image:url(bg.gif);
background-repeat:repeat-x;
如何拉伸？
这是小提琴上的代码示例 http://jsfiddle.net/K9cUd/1/
I have a background image with size 1x947 px,
the problem is it's a gradient color, so i only use repeat-x,
but when the page height over 947 px, it shows it background
color,
background-image:url(bg.gif);
background-repeat:repeat-x;
how to stretch it?
here's the code example on fiddle http://jsfiddle.net/K9cUd/1/
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
没有代码或示例很难判断。
您可以使用 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
Hard to tell without the code or an example.
You could use CSS3's
background-size: 100%;which should stretch it to the entire page size.
You might need to do
background-size: 0 100%;orbackground-size: 0% 100%;so the width does not change.
You can read more here: http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm
And the spec: http://www.w3.org/TR/css3-background/#the-background-size
如果您不想使用百分比，请使用：
If you don't want to use percentages use: