背景圖像部分與重複-x

我有一個99像素寬和100像素高的圖像。背景圖像部分與重複-x

圖像包含3條垂直線條的顏色紅色，橙色，綠色，每幅圖像的長度爲33px乘100px。

我想解決的是如何設置div背景圖像來選擇讓我們說只是橙色，然後重複圖像作爲背景。

，所以我做：

background-position: 66px 0px

的問題是綠色仍呈現我只是想讓它顯示橙色和重複剛纔的那部分。這是可能的CSS？

2013-10-15 Sir

js找不到這個吸盤。 – PlantTheIdea

使用'background-size' –

不可能。你需要一個單獨的圖像。 – andi

答案是否定的，不是X瀏覽器，除非你試圖垂直重複背景爲一個只有33px寬的div/box。如果你真的只想要彩色背景，只需要{background-color:orange;}。

2013-10-15 19:32:26 Madbreaks

是的，我可以做到垂直，但不是水平。驚訝他們還沒有添加支持！感謝您的幫助:) – Sir

戴夫，你可以水平做它，但你需要一個背景圖像與例如。一個橙色部分與你的容器一樣寬（但不一定要高，在這種情況下，你需要重複 - y垂直填充）。 – Madbreaks

這個想法是一個進度條，其寬度將隨着它的加載而改變，所以我將不得不併排元素:(認爲生病去一個更簡單的方法！ – Sir

回答