使用 svg 图像屏蔽 div 内容
Posted
技术标签:
【中文标题】使用 svg 图像屏蔽 div 内容【英文标题】：Masking div content using svg image 【发布时间】：2018-10-01 20:39:30 【问题描述】：示例：codepen.io/rudza/pen/NMqVEK
有一个黄色的 div 将包含一些图像内容。
另外，还有 svg speech_bubble。
是否可以将 svg 隐藏在 div 上以仅显示里面的内容？ 是否可以保持透明背景？
【问题讨论】：
我认为只使用#content 父级的相对/绝对位置和溢出隐藏会更容易
你有一个有效的例子吗？ @Fecosos
【参考方案1】：
使用PNG掩码解决：codepen.io/rudza/pen/JvdQYv
【讨论】：
以上是关于使用 svg 图像屏蔽 div 内容的主要内容，如果未能解决你的问题，请参考以下文章