通过HTML和HTML中的重叠div显示背景图像CSS

Question

有人能告诉我下面的场景是否可以通过HTML和CSS实现？我的目标是通过剪切的div显示我的HTML正文的背景图像。

请记住，最终的网站会响应（移动优先），因此解决方案应该允许在调整大小时对身体背景图像进行不同的定位。

基本上：无论如何将div显示为底层div的剪切？

我想为每个圆圈提供单独的背景图像，以显示圆圈显示身体背景的错觉，但由于设计是响应性的，因此会很快发生对齐问题。

任何见解？如果需要更多数据，请告诉我。提前谢谢。

Answer 1

我认为这是相似的：

http://ask.webatall.com/html5/7619_transparent-half-circle-cut-out-of-a-div.html

应该有帮助吗？而不是形状你必须使用圆圈，但原则应该是相同的。 此外，如果它不起作用，两个元素的组合切出半圆可以达到效果。

这个答案与另一种形状类似：

http://www.samhohce.net/questions/30259780/onhover-button-cut-out-a-triangle-and-show-background