如何在HTML上重复这个1px x 1px CSS背景图像<img>?
http://jsfiddle.net/hjv74tdw/1/
我在其他包含的元素之上遇到了CSS show 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;
}Run Code Online (Sandbox Code Playgroud)
<div class="test">
<img src="http://lorempixel.com/400/400">
</div>Run Code Online (Sandbox Code Playgroud)