【发布时间】：2011-04-11 17:32:05
【问题描述】：
我有以下几点：
-webkit-transition-property: top, bottom, z-index;
-webkit-transition-duration: 0.5s;
问题是我不希望 z-index 在顶部和底部完成之前转换。
有没有办法告诉 Webkit 过渡到顶部/底部过渡，然后在完成后立即执行 z-index 或使用持续时间，无论哪种方式？
谢谢
【问题讨论】：
【发布时间】：2011-04-11 17:32:05
【问题描述】：
您必须指定 z-index 转换的延迟：
-webkit-transition-property: top, bottom, z-index;
-webkit-transition-duration: 0.5s;
-webkit-transition-delay: 0s, 0s, .5s;
【讨论】：
-
啊拍得真好。我早先使用关键帧将其组合在一起。这要优雅得多。谢谢
为了您的信息，在 javascript 中，您还可以监听 webkitTransitionEnd 事件并在触发此事件时修改 z-index。
这个事件有两个有用的属性：
- propertyName : 转换中涉及的属性的名称
- elapsedTime : 过渡期间经过的时间
【讨论】：