FF と IE で完全に動作する Web サイトを作成しましたが、Webkit ベースのブラウザー、つまり Chrome にバグがあります。
<a>
問題は、 「アニメーション化された」ナビゲーション バー (:hover を使用) 内で要素が正しく描画されないことです。
Chrome でページの読み込みが完了すると、次のようになります。
しかし、それはこのように見えるはずです。
しかし面白いことに、Chrome の [開発者ツール] ウィンドウで、任意の要素の属性を微調整 (たとえば、チェックを外してチェック) すると、ブラウザが正しいスタイルに更新されます。ページをズームインおよびズームアウトしても修正されます。
私が見つけた唯一の同様の質問は、これでした。問題に解決策を適用しようとしましたが、うまくいきませんでした。ページの読み込み時に (上記の質問のように) 動的にスタイルを変更するために JavaScript を使用していないことに注意することが重要です。標準の HTML と CSS のみです。
これは webkit/chrome の再描画バグだと思います。これを修正する方法はありますか?