1

ホバー時にCSS変換が発生しています。Y軸にのみ影響しますが、飛び回っています。これにより、ホバー効果が不安定に見えます。

-webkit-transform: translate(0,5px);

効果はメイン ナビゲーションにあります。ここで見ることができます：http: //pineriver.com

これは、丸めまたはテキスト ピクセルのスナップに関連していますか? もしそうなら、私はそれが好きではありません:) 私がすでに のようなトリックを試したことがわかりますopacity:.99。

私はトラディショナルを使用top:しbottom:て翻訳を行うことで問題を回避しましたが、なぜこれが起こるのかまだ興味があります. CSS 変換を使用して、このような視覚的なバター処理を実行できるようにしたいと考えています。

4

1 に答える 1

1

これは興味深い問題だと思いましたが、Google のおかげだと思います。

nav.primary ul li および .siteHeader .siteLogo ルールに以下を追加します。

-webkit-backface-visibility: hidden;

私はこことここでアイデアを見つけました。

また、stackoverflow からの読み取りもいくつかあります。彼らは iPhone dev について話しているが、それはまだ webkit だ。

于 2013-03-02T05:13:11.593 に答える