George George - 1 year ago 334
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?

Answer Source

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.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download