html - マウスアウト時の CSS3 トランジション

Question

私はこのフィドルを作成しました。私はあなたが私の問題を見ると確信しています。

jsfiddle.net/vnbS3/

ポップアップするボックスは、マウスアウト時に同じことをしないと決定します。私は多くのことを試しましたが、z-index が原因ではないと思います。

混乱を防ぐためにトランジション遅延を設定する必要があったため、.background のトランジションが原因であると思います。ただし、遅延はマウスアウトでは機能しません。