George George - 4 months ago 32x
CSS Question

Dotted background overlay effect in CSS

I'm trying to achieve the background effect on this website:

The background pictures seem to be covered in a dotted overlay sort of thing.

Is there a way to create this effect with CSS only?


Here's one way of doing it.

 <div id="overlay">

<div id="page">
 <div id="content">

Basically, you add a container outside your page container. Add a fixed position for it, and add a pseudo element :after to it and give it a background image.