拉伸背景图像

我有大小1x947 PX背景图像，拉伸背景图像

的问题是，它是一个渐变色，所以我只用重复-X，但是当页面高度超过947像素，它示出了它的背景颜色，

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

如何将拉伸它？

enter image description here

2011-09-08 dannyrizal

你能不能把东西在http：// www.jsfiddle.net所以我们可以玩它吗？ –

难道你不能只将背景颜色设置为渐变中的两种颜色之一吗？然后它将至少顺利地流出梯度。 – meagar

你好，你最终找到了解决办法吗？ – WillNZ

很难说没有代码或例子中的代码示例。

你可以使用CSS3的

background-size: 100%;

应该它延伸到整个页面的大小。

你可能需要做

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

所以宽度不会改变。

2011-09-08 02:53:29

当然，它应该不言而喻（但你真的必须），只适用于现代浏览器。 –

仅供参考，如果您设置了'background-repeat：no-repeat;'和'background-size：100％100％;我只能在FF或IE9上完成这项工作;'它只处理Y轴并使用重复-x在铬。 –

如果你不想使用百分比使用：

background-size: cover;

2016-02-25 02:51:26

回答