css - Chrome 中的剪辑路径水平白线

Question

在带有背景图像的 div 上设置了剪辑路径。在 Chrome 中，水平白线出现在 div/背景图像中。任何人都知道如何删除它？

见截图: Screenshot with horizontal white line bug

这里还有类(class)页面的链接 https://www.sunderland.ac.uk/study/health-paramedic-clinical-sciences/undergraduate-biomedical-science/#facilities

Answer 1

最近遇到了同样的问题。我在带有白线的边缘添加了一个-1px边距。

.clipped-box {
  clip-path: polygon(0 0, calc(100% - 60px) 0%, 100% 60px, 100% 100%, 0 100%);
  margin-bottom: -1px;
}

我在尝试使用剪贴蒙版堆叠两个部分时遇到了这个问题。顶部的底部有白线。所以我将下一部分拉入其中。