CSS background image on top of

Question

How does one repeat this 1px x 1px CSS background image on top of the HTML ?

http://jsfiddle.net/hjv74tdw/1/

I came

Answer 1

Another way, is to set content to empty and set a background, for example:

img {
    background: url(...) center center no-repeat;
    background-size: cover;
    content: '';
    display: block;
    width: 800px;
    height: 100px;
}

Here is a demo: http://jsfiddle.net/infous/effmea8x/

In this demo the first image is standard but with unproportional width and hight, the second one is with the background. The first one is scaled badly, the second one is OK.