保持使用样式:悬停直到过渡完成?

Ry-*_*Ry- 6 css z-index css3 css-transitions

我在页面上有一堆图块,当用户将鼠标放在它们上面时会展开.扩展的应该具有最高的z-index,这是有效的,但我需要保持z-index直到大小转换完成.有没有办法只使用CSS,没有JavaScript?由于我正在使用转换,我不太担心这里的兼容性,我正确地应用了渐进增强.

这是一个证明这一点的jsFiddle.鼠标悬停在A; 它过渡了.然而,鼠标离开它,它落后于B.我需要它留在B的前面,直到过渡完成.有一种优雅的方式来做到这一点?

boo*_*sey 2

您需要定义z-index并为其设置动画。

适用于 Firefox (8.0.1) 和 Webkit。