ページが透けて見える特定の領域を除いて、ほとんどのページが透明なオーバーレイで覆われている「ヘルプ」オーバーレイを構築しようとしています。たとえば、オーバーレイとして次の div を作成し、問題の領域の周りに円形の div を配置することはできますが、オーバーレイの下のコンテンツが透けて見えるようにするにはどうすればよいでしょうか? (私の知る限り、これを達成できる z-index または透過性の組み合わせはありません)
.overlay {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
}
