div掩码部分div下面显示div？

Question

我正在尝试构建一个“帮助”叠加层，其中大部分页面都覆盖了透明叠加层，除了某些区域上面有圆圈，页面显示在其中。例如，我可以创建以下div作为我的叠加层，然后在相关区域周围放置一个圆形div - 但是我可以这样做以使叠加层下方的内容显示出来？ （据我所知，没有z-index或透明度的组合可以实现这一点）

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

Answer 1

你的问题有点不明确。很难理解你的问题是什么。

也许你正在寻找这样的东西？

fiddle http://jsfiddle.net/7CPbY/4/

编辑：

您可以尝试在您的区域周围创建四个具有相同背景颜色的div。第五个div（在区域上方）可以是具有相同颜色的图像和中间的透明圆圈。

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