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

Here's what I did for my solution. Essentially, I'm using the "IMG" as a placeholder. So that my Background image maintains the correct proportions as the browser resizes.

.image-overlay {
  background-image: url("insert image here");
  display: inline-block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.image-overlay img {
  opacity: 0;
}

HTML