svg z-index 问题(没找到非常有效的答案)

综述:
涉及 svg 的元素似乎对于 z-index 无效。

背景:
涉及 svg 元素,使用了 svg 遮罩 clip-path,
想要的元素(一朵动态飘荡的云朵)被上层元素(背后的3d地球)给覆盖了。

过程:
各种尝试设置不同容器的 z-index, 原因不是特别清晰.

最后方案:
把其他层的div, 设置为负数,svg 保持z-index==0 , 到了最上层。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 11,085评论 0 15
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 6,476评论 2 15
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,997评论 0 1
  • 轰! 北域原上空,巨大的水晶塔消失而去,强悍的灵力风暴却是在此时肆虐开来,令得天地动荡,飓风呼啸。 无数道视线,都...
    混沌天书阅读 1,410评论 0 0