css - 從一個PNG精靈重複只有1px作爲背景爲div

谷歌搜索了很多類似的東西后，我可以找到任何真正的答案。css - 從一個PNG精靈重複只有1px作爲背景爲div

問題很簡單，我有一個精靈PNG圖像，我用於網站中的所有圖像資產。，我有一個bg.png文件，它是1px乘1px半透明文件。哪裏需要，我把這個div作爲背景。

我想擺脫那1px文件。

任何想法如何做到這一點？重複圖像的1x1像素部分作爲重複背景？

編輯：我確實有一個解決方案的想法：

與C＃代碼，我可以處理圖像，我需要的部分，建立一個新的，並返回它作爲內存流。但我只是想知道如果這是可能的純CSS。

來源

2011-04-16 Dementic

-1

你會考慮一個相當髒的金手指解決方案嗎？當我面對這個問題時，我從圖像的寬度中偷走了一個像素，並且在這個1px寬的像素列中放入了我想要的像素。也就是說，我將你的bg.png複製到像素列中。

這樣，我可以完全擺脫bg.png。當然，我必須以同樣的方式修改每一個img，但如果img來自精靈，它是值得的（對我來說）。

http://www.pwilson.net/so-wide-cheat.jpg 由 http://www.pwilson.net/so-narrow-cheat.jpg

來源

2011-04-16 11:55:11

的問題是，我不能重複剛纔的那部分，我想在幾個方面，我發現在網上的方法，但這些都不可能用1px覆蓋整個div。 – Dementic 2011-04-16 12:04:19

@Rephael Herjcovic - 然後我誤解你的問題。我道歉。也許你可以發表一個例子;或發佈css;或者提供一個顯示問題的網址。我意識到這是一個簡單的問題，我很遺憾地說我只是不太明白。 – 2011-04-16 12:31:46

您使用clmarquat B FACT的解決方案，使我瞭解您的解決方案如何工作，並且可以將其用於我的項目。我的錯誤首先不是佔據精靈的整個高度/寬度。 – Dementic 2011-04-16 20:24:46

更換不幸的是，這是不可能的。通常，使用單獨的背景精靈。我會推薦閱讀這裏：http://www.phpied.com/background-repeat-and-css-sprites/

此外，從http://www.telerik.com/help/aspnet-ajax/grid-appearance-css-sprites.html

As a consequence: 

a) images that repeat in both directions cannot be included in a sprite, they should remain on their own 
b) images that repeat horizontally should occupy the entire width of a CSS sprite (as in the example above) 
c) images that repeat vertically should occupy the entire height of a CSS sprite

來源

2011-04-16 13:21:27 clmarquart

css - 從一個PNG精靈重複只有1px作爲背景爲div

回答

相關問題