Как повторить этот 1px x 1px фоновый рисунок CSS поверх HTML <img>
?
http://jsfiddle.net/hjv74tdw/1/
Я наткнулся на CSS показать фоновое изображение div поверх других содержащихся элементов, однако, похоже, требуется дополнительный div. В идеале мне жаль, что мне не нужно было использовать div вообще, но в соответствии с Фоновым изображением CSS над HTML img, что действительно невозможно, по крайней мере, не для 100 % ширины.
.test {
background: url(http://placehold.it/1/1) repeat;
position: relative;
z-index: 100;
width: 200px;
}
.test img {
width: 100%;
display: block;
position: absolute;
z-index: 50;
}
<div class="test">
<img src="http://lorempixel.com/400/400">
</div>