是否与CSS相反；夹；财产；隐藏裁剪区域？

CSS剪辑语法使您可以定义希望可见的较大图像的矩形区域。有没有一种方法可以指定反方向？指定要变为不可见的图像矩形区域。比如在页面上打一个长方形的孔，看看下面是什么

原因（如果您有其他想法）：我想在CMS模板中创建一个3层图像。第1层（在底部）是背景图像。第2层位于第1层的一部分之上，是A4文档的矩形截屏图像。第3层（在顶部）是一个透明的PNG（在其中心和边缘），它在第2层文档的右上角添加了边框、阴影、文档类型徽标和页面卷曲效果

第1层和第2层将分别上传到CMS中，CSS应将它们与第3层图像组合在一起以创建效果。问题是，要使页面卷曲效果起作用，需要遮罩第2层的右上角，以便从第3层一直看到第1层。我希望clip属性允许我在第2层的右上角指定一个不可见的小正方形

备选方案：是使用图形程序将第1层和第3层组合在一起，并为第2层留下一个透明区域。然后，通过正确的定位，您可以将新的组合图像放置在第2层的顶部，以实现相同的效果。但是，我希望避免这样的图形准备，因为您也可以这样创建整个图像。

简单回答： CSS剪辑将不适用于此

我看到两种选择：

试着用Layer1作为背景图像绘制Layer3来模拟“洞”。这将使第3层的透明区域充满第1层。您可以在此处看到此解决方案的实际应用：

使用HMTL Canvas元素及其复合动作可以随意组合层。概述：

---

我想到了一个奇怪的解决方案：在第3层绘制卷曲效果，并添加一个背景（与第1层背景相同）来隐藏角。有点马虎，但速度很快…谢谢你的评论。我曾遇到过这个链接，但我担心它可能会在某些浏览器上严重损坏。我还试图避免图形工作，这会延长替换3层中任何一层所需的时间。我确实有另一个想法。我可以把第二层变成PNG，然后在图形程序中手动切掉它的角（为了透明）。我的效果会很好，在整个站点上更换第1层或第3层会很容易。