Question

I want to make grids on photo for my website background. sample website for this: http://www.thebullittagency.com/. I want background with same as it is in website. I have searched lot on google. But still, I haven't found. please, help me for this. Thanks.

Was it helpful?

Solution

You can create checker board transparent image in photoshop, where black pixels are actually black and white — transparent.

After that you can add background image like:

html {
    background: black url('background.jpg') no-repeat center center;
    background-size: cover;
}

And add grid to body, like this:

body {
     background: url('grid.png') top center;
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top