css - 从 div 中剪切图像以显示背景

Question

是否可以从显示背景图像的 div 中剪切图像？

我有一个垂直条纹背景，其中一个 div 覆盖了大部分背景。div 填充为纯黑色。我想要该 div 内某处的图像（实际上只是一个轮廓）来“剪切”该 div，从而显示背景图像。这可能吗？

我考虑过为图像使用相同的背景图案，但垂直线没有正确对齐。

先感谢您。

score 0 · Accepted Answer

是的，您可以使用 CSS 掩码来做到这一点。这是关于各种面具的非常详细的教程。它涵盖了剪切蒙版（图像上的坐标）和 alpha 蒙版（黑白图像）。

1 回答 1