Html 如何延迟z索引转换？

我有一个div，它通过不透明度进行变换，但是上面的z索引隐藏了变换。请参阅jfiddle以获得澄清

最简单的方法是在z索引上设置一个计时器或转换，使其仅在淡出后发生？如能提供少量解决方案，将不胜感激。如果可能的话，我也不想使用Jquery

---

html

---

您可以通过向转换添加

z-index

来模拟延迟。由于

z-index

上没有动画，因此需要2秒钟才能看到效果

#pop {
    transition: opacity 2s, z-index 2s cubic-bezier(0,1,1,0);
}

cubic bezier

计时功能将停止刚才提到的跳跃效果

---

您可以通过向转换添加

z-index

来模拟延迟。由于

z-index

上没有动画，因此需要2秒钟才能看到效果

#pop {
    transition: opacity 2s, z-index 2s cubic-bezier(0,1,1,0);
}

cubic bezier

计时功能将停止刚才提到的跳跃效果

---

进行z索引转换，延迟2秒到转换，并在中转换时将其删除

流行音乐

在#pop中：目标

transition: opacity 2s, z-index 0s 0s;

---

进行z索引转换，延迟2秒到转换，并在中转换时将其删除

流行音乐

在#pop中：目标

transition: opacity 2s, z-index 0s 0s;

---

或

所有2个

！（在本例中，您更改了两个属性，因此

all

应该是好的）

all

在不需要设置动画的情况下有时可能会出现问题（更改大小等）。我认为有时不透明度会跳到最终值，您也可以执行

转换：不透明度2s，z索引0s2s表示0秒转换，但2秒延迟。@sodawillow这很可能会中断淡入，因为它将等待2秒才能进入顶部。我不明白您当时的输入：“因为z索引上没有淡入，它将等待2秒触发。”---无需担心，我想我现在会：）或
所有2秒
！（在本例中，您更改了两个属性，因此
all
应该是好的）
all
在不需要设置动画的情况下有时可能会出现问题（更改大小等）。我认为有时不透明度会跳到最终值，您也可以执行
转换：不透明度2s，z索引0s2s表示0秒过渡，但2秒延迟。@sodawillow这很可能会中断淡入，因为它将等待2秒才能进入顶部。我不明白您当时的输入：“因为z索引没有淡入，它将等待2秒触发。”---无所谓，我想我现在可以：）尝试为所有这些设置转换看起来很有趣：用两个ID操作单个div的非常有趣的方法！尝试设置所有这些看起来很有趣的转换：用两个ID操作单个div的非常有趣的方法！
transition: opacity 2s, z-index 0s 0s;