Masking/Clipping div

时间:2015-06-25 18:53:58

标签: css svg mask clipping

How do I get div #1(page-title) to "cut" through div #2(mainwrap)and see the background-image? Example: <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;}

1 个答案:

答案 0 :(得分:0)

您需要使用位图图像或SVG来制作遮罩。

.mainwrap需要应用mask。面具需要是白色背景上的黑色文本(孔)(白色表示保持)。

请参阅:http://www.html5rocks.com/en/tutorials/masking/adobe/