Javascript 洛蒂js动画背景

使用Lotie js并希望使用类似于背景的Lotie动画，但动画覆盖所有块。Z索引不起作用。如何向下移动动画以使其他块可见

.page{
宽度：100vw；
高度：100vh；
位置：绝对位置；
z指数：-999；
}
.文本{
z指数：10000；
位置：绝对位置；
宽度：500px；
字体大小：30px；
}

dddddddddddd

尝试将z索引定位应用于播放机，而不是其父“.page”，后者也包含“.text”元素

lottie-player {
    width: 100vw;
    height: 100vh;
    position:absolute;
  z-index:-999;
}
.text {
z-index:10000;
position:absolute;
width:500px;
font-size:30px;
}

---

您是否在开发工具中看到文本是否获得z index属性？被包含在具有另一个索引的父div中可能会弄乱这一点。