拉伸背景圖像

我有大小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

回答