CSS маска часть div, чтобы показать div внизу?

Question

Я пытаюсь создать накладку «справки», в которой большая часть страницы покрыта прозрачным наложением, за исключением того, что определенные области имеют круги над ними, в которых просматривается страница. Например, я мог бы создать следующий div в качестве моего наложения, а затем поместить круговой div вокруг рассматриваемой области, но что я могу сделать, чтобы контент из ниже наложения показывался? (Насколько мне известно, не существует сочетание Z-индекс или прозрачности, которые могут достигнуть этого)

.overlay { 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0,0,0,.5); 
} 

Answer 1

Ваш вопрос немного неспецифические. Трудно понять, в чем проблема.

Возможно, вы ищете что-то вроде этого?

fiddlehttp://jsfiddle.net/7CPbY/4/

Edit:

Вы могли бы попытаться создать четыре дивы с тем же цветом фона вокруг вашей области. Пятый div (над областью) может быть изображением с тем же цветом и прозрачным кругом посередине.

---------------- 
|  div  | 
---------------- 
|div| area |div| 
---------------- 
|  div  | 
----------------