css - div的CSS遮罩部分以在下面显示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      |
----------------