相关疑难解决方法(0)

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

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