html - ChromeゴースティングのCSSトランジション幅

Question

このcssは、ホバー時に幅を80pxから120pxに変更します。

-webkit-transition: width .5s ease, color .5s ease, background .5s ease;
-moz-transition: width .5s ease, color .5s ease, background .5s ease;
-o-transition: width .5s ease, color .5s ease, background .5s ease;
transition: width .5s ease, color .5s ease, background .5s ease;

この問題が発生しています：

Chrome（Macでは24.0.1312.57）で、幅が80pxに戻ったとき。

この問題はSafariにはありません。

これは既知の問題ですか、それともこれを修正する方法はありますか？

mjohnst.comはウェブサイトです。

Answer 1

テストできないので、問題はabout要素の下の背景画像にあると思います。

背景画像を削除して、問題が発生するかどうかをテストしてください。そして、あなたは解決策に近づくでしょう。

jsfiddleに例を示します。マークアップは次のようになります。

<div class="image">
    <div class="trans">
        <a href="#">About</a>
    </div>  
</div>

アップデート＃1

申し訳ありませんが、Mac OSでテストすることはできません。暗闇で撮影しないようにするには、同様の質問を参照して、そこから可能なすべての方法を試してください。リンク。