我需要为100个图像提供叠加纹理

像这样.

我有透明的.PNG纹理文件.如果我使用它作为背景,那么它将落在< img>之后.而且我不想添加另一个< img>或任何额外的跨度,div纹理和z-index.

在CSS中有没有其他方法可以实现它？

我需要使用特定的纹理.png,所以我不能只使用CSS渐变.

我不想使用主要产品图像作为背景.

最佳答案 我担心你会很难将纹理叠加在图像上而没有添加一些元素来装上它.如果你不能影响html输出,一点
javascript就可以了.

另一种选择是使用绝对定位将纹理放在另一个图像的顶部.但是,如果没有更多的背景,很难知道这是否是一个可行的选择.这是一个例子：http://jsfiddle.net/cPSFQ/1/.