Question

我有一个翻转的盒子。内部还有一个放大鼠标的图像，如fiddle所示问题是当我将鼠标移出或放回时，隐藏的图像上的缩放转换会短暂显示 My attempt要修复它：

#box.flip:hover img{
    -webkit-transform: none;
}

但是这个在翻转过程完成之前重置图像看起来很难看。

Answer 1

只需添加z-index：

#box.flip .amount{
    -webkit-transform: rotateX(0deg);
    z-index:999;
}