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

Question

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

我有一个垂直条纹背景，其中div覆盖了大部分背景。 div是纯黑色的。我希望在div内部的某个图像（实际上只是一个轮廓）“切出”div，显示背景图像。这可能吗？

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

提前谢谢。

Answer 1

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

http://www.html5rocks.com/en/tutorials/masking/adobe/