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?
<div class="background-image"> <div class="light-area-1"></div> <div class="light-area-2"></div> </div>