I have two DIVs over the top of a single background image. I want to darken all areas around the two DIVs and keep the insides light. I like the shadow approach but this means one or both of the DIVs is covered.
Is there any way to darken all areas outside of the 2 DIVS?
E.g.
<div class="background-image">
<div class="light-area-1"></div>
<div class="light-area-2"></div>
</div>