【问题标题】:Masking div content using svg image使用 svg 图像屏蔽 div 内容
【发布时间】:2018-10-01 20:39:30
【问题描述】:

示例:codepen.io/rudza/pen/NMqVEK

有一个黄色的 div 将包含一些图像内容。

另外,还有 svg speech_bubble。

是否可以将 svg 隐藏在 div 上以仅显示里面的内容? 是否可以保持透明背景?

【问题讨论】:

  • 我认为只使用 #content 父级的相对/绝对位置和溢出隐藏会更容易
  • 你有一个有效的例子吗? @Fecosos

标签: css svg mask masking clipping


【解决方案1】:

使用PNG掩码解决:codepen.io/rudza/pen/JvdQYv

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-09-29
    • 2022-01-23
    • 2016-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多