框后的动画文本

Question

我有一个在页面加载时开始的弹出框，并且在页面加载时我也有一个淡入淡出的文本动画。文本在弹出框前面淡出，然后在持续时间后消失在它后面。如何使文本动画始终留在后面？

关键帧中的文本淡入淡出：

@keyframes scale { 0% { transform: scale(0.8); opacity: 0; } }

Answer 1

我要做的就是在弹出窗口的 css 中添加这个：z-index: 1; position:relative;。然后动画文本留在后面。