1

クリックするとひっくり返るボックスがあります。このfiddleに示すように、ホバー時にズームする画像も内部にあります。
問題は、マウスを離したり戻したりすると、非表示になっている画像のズーム遷移が一時的に表示されることです。それを修正する
私の試み:

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

しかし、これは、見苦しいフリップ遷移が行われる前に画像をリセットします。

4

1 に答える 1

1

z-index を追加するだけです:

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

http://jsfiddle.net/aJY34/3/

于 2013-02-10T01:02:41.890 に答える