how to make css background grid lines

Question

---

There are four lines over the background. They are visible in overall sections but not over images.

How to make this?

Answer 1

It is as easy as this

body{
  background: linear-gradient(90deg, #eee 1%, transparent 1%) 1px 0, #fff;
  background-size: 200px 1px;
}

DEMO: https://codepen.io/anon/pen/VMzwNw

These and many other backgrounds can be generated using this site -> http://lea.verou.me/css3patterns/#stairs