Masking/Clipping div

问题描述：

如何让div＃1（page-title）通过div＃2（mainwrap）“剪切”并查看背景图片？Masking/Clipping div

例子：

<div class="body"> 
<div class="mainwrap"> 
<div class="page-title"> 
</div> 
</div> 
</div>

CSS：

body {background-image: url("/background.jpg");} 
.mainwrap {background: #fff} 
.page-title {background: none;}

请提供您的HTML的基本结构为好。 –

答

你需要为使用的位图图像或SVG，使你的面具。

.mainwrap将需要应用mask。面具需要是白色背景上的黑色文字（洞）（白色意味着保持）。