CSS屏蔽div的一部分以显示下方的div？

我试图建立一个“帮助”覆盖，其中大部分页面被一个透明覆盖，除了某些区域有圆圈覆盖，页面在其中显示。例如，我可以创建下面的div作为我的覆盖，然后在有问题的区域周围放置一个圆形div-但是我该怎么做才能使覆盖下面的内容显示出来呢？（据我所知，没有z指数或透明度的组合可以实现这一点）

---

你的问题有点不具体。很难理解你的问题是什么

也许你在寻找这样的东西

fiddle

编辑：

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

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

---

谢谢，但不是我想要的。。。显然，我需要想出一个更好的说法。我基本上想制作一个不接收“覆盖”背景的圆形div，这样你就可以看到它下面的页面内容，而不是顶部的灰色部分。本质上就像掩盖一个图像。我怀疑这在CSS中是不可能的，至少，不是直接的-我希望有一个隐蔽的解决方法。谢谢！div解决方案看起来很有希望-将对其进行测试！把这件事作为离题话题一脚踢开真是令人伤心。我看到的主要原因是，不幸的是，对于可能（也应该）有一个解决方案的东西，没有简单的解决方案。一个简单的选项允许一个div填充到它的边框之外而不是里面，你不知道这样一个选项直到。。。你知道的。

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