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

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

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

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

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