CSS精靈和漸變

是否可以在單個精靈主圖像上放置多個重複漸變？我有大約5個1px X 400 px漸變，可以合併以減少頁面請求。這幾乎是我減少對象請求的最後一個地方。我在搜索時沒有看到任何技術。我自己的實驗沒有得到好的結果。CSS精靈和漸變

2010-10-26 J.T.

假設您應用背景漸變的所有區域都小於400像素高，您可以垂直平鋪五個精靈來爲您提供一個1x4000px的圖像。

您可以通過指定垂直偏移量並設置background-repeat:repeat-x來應用精靈的相應部分。

垂直偏移將400 * (index of the sprite you want)：0px爲先，400px爲2，800px爲第三等

2010-10-26 15:11:44 meagar

這是我沒有任何批判性思維即時響應。這是否也會使用奇數寬度的精靈？ – 2010-10-26 15:25:53

所有的精靈必須具有相同的寬度，否則當它們重複時，它們之間會有空白空間。這不應該是一個問題，如果精靈的目的是水平平鋪反正... – meagar 2010-10-26 16:17:29

我想使用徑向漸變，但我想他們將必須是線性的。所以，真的，你可以逃避三個精靈 - 所有的靜態背景圖像，垂直線性漸變的精靈和水平線性漸變的精靈。很酷。謝謝。 – 2010-10-26 16:22:13

回答