css-仅从png精灵中重复1px作为div的背景

在谷歌搜索了很多类似的东西后，我可以找到任何真正的答案

问题很简单，我有一个sprite png图像，我在站点中的所有图像资产都使用它。 我有一个bg.png文件，是1px乘1px的半透明文件。 在需要的地方，我把它作为这个部门的背景

我想处理掉那个1px文件

你知道怎么做吗？重复图像的1x1像素部分作为重复背景

编辑：我确实有一个解决方案的想法：

使用c代码，我可以操作所需的图像部分，创建一个新的图像并将其作为内存流返回。

---

但我只是想知道这是否可能是纯粹的CSS。

< P>你会考虑一个相当肮脏的欺骗解决方案吗？当我面对这个问题时，我从图像的宽度中偷取一个像素，然后在1px宽的像素列中放入我想要的。也就是说，我将bg.png复制到该像素列中

这样，我就可以完全摆脱bg.png了。当然，我必须以同样的方式修改每个img，但是如果img来自一个精灵，这对我来说是值得的

---

被替换为

不幸的是，这是不可能的。通常，使用单独的背景精灵。我建议在这里阅读：

还有，从

---

问题是，我不能只重复这一部分，我尝试了在网上找到的几种方式和方法，但没有一种能用1px覆盖整个div。@Rephael Herjcovic-那么我误解了你的问题。我道歉。也许你可以举个例子；或张贴css；或者给出一个显示问题的url。我意识到这是一个简单的问题，很抱歉我不太明白。你用clmarquat B的解决方案事实上让我了解了你的解决方案是如何工作的，我可以在我的项目中使用它。首先，我的错误是没有占据精灵的整个高度/宽度。

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