如何让 div #1(页面标题)“切入”div #2(mainwrap)并查看背景图像?
例子:
<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;}
最佳答案
您需要使用位图图像或 SVG 来制作 mask 。
.mainwrap
需要应用一个mask
。 mask 需要是白色背景上的黑色文本(孔)(白色表示保留)。
关于css - mask /剪裁 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31058533/