如何在多个 div 中切出一个洞到背景？答案

【问题标题】：How can I cut a hole through multiple divs to the background?如何在多个 div 中切出一个洞到背景？
【发布时间】：2020-09-18 18:56:05
【问题描述】：

如何将多个 div 中的一个洞切到正文背景上？

使用剪辑路径 (Clip path inset circle?)，您可以在 div 中剪出一个洞，可能会产生动画效果。

但是有没有办法通过多个 div 切入主体背景或指定的父 div？

理论上可以使用 javascript 将剪辑路径复制到父级，但是需要对其进行调整，并且我可以看到动画是一个潜在问题。

【问题讨论】：

父 div 上的 clip-path 不会也剪切它的子元素吗？因此，您可以将包装器 div 作为公共父级添加到需要剪辑的所有内容，并将剪辑路径添加到该包装器。
能否向我们展示您想要实现的目标的屏幕截图或插图？
@Thomas wow...好吧，这可能是最好的方法。

【解决方案1】：

如果您使用radial-gradient 技巧，您可以将孔堆叠在一起。

【讨论】：