综述:
涉及 svg 的元素似乎对于 z-index 无效。
背景:
涉及 svg 元素,使用了 svg 遮罩 clip-path,
想要的元素(一朵动态飘荡的云朵)被上层元素(背后的3d地球)给覆盖了。
过程:
各种尝试设置不同容器的 z-index, 原因不是特别清晰.
最后方案:
把其他层的div, 设置为负数,svg 保持z-index==0 , 到了最上层。
综述:
涉及 svg 的元素似乎对于 z-index 无效。
背景:
涉及 svg 元素,使用了 svg 遮罩 clip-path,
想要的元素(一朵动态飘荡的云朵)被上层元素(背后的3d地球)给覆盖了。
过程:
各种尝试设置不同容器的 z-index, 原因不是特别清晰.
最后方案:
把其他层的div, 设置为负数,svg 保持z-index==0 , 到了最上层。
本文标题:svg z-index 问题(没找到非常有效的答案)
本文链接:https://www.haomeiwen.com/subject/mcxasttx.html
网友评论