ナビゲーションメニュー - ホバーの背景が奇妙に振る舞う

pie.js（ie6-8ブラウザでcss3を使用できるライブラリ）を適用したナビゲーションメニューに問題があります。最初の視野でうまくいきますが、メニューを少し再生すると、間違った動作が発生します:(。奇妙な動作を受けるには、IE8のドロップダウンメニューの左右にカーソルを少し早く移動する必要があります。私はjsライブラリを呼び出して関数を呼び出します。ナビゲーションメニュー - ホバーの背景が奇妙に振る舞う

$(document).ready(function(){ 
    if (window.PIE) { 
     $('.aahov,ul#menu,ul#menu li ul').each(function(){ 
      PIE.attach(this); 
     }); 
    }

}）;

チェックこの例：http://mainpage.ueuo.com

...と...のみIE8のブラウザで、

感謝のを忘れないでください。

出典

2012-09-12 mcmwhfy

ポストに関連するHTMLコードとスクリプトコードを追加できますか？「PIE」とは何ですか？これは、将来のユーザーにとって、Link-Rotが設定されている同様の問題と同様の解決策を探している可能性があります。リンクされたサイトはなくなっているか、変更されています。可能であれば、他の人が可能なソルーションをテストするために変更を適用できるように、jsfiddle.netにもフィーリングを追加してください。 – Nope

@FrançoisWahl例ではすべてのコードを持っていますが、htmlとしてhtlm、css、およびjsファイルをすべてhtmlに保存していますか？PIE.jsはie6-8ブラウザでcss3を使用できるようにするjsライブラリです。説明を読む。 – mcmwhfy

これを繰り返すだけで、これは、将来のユーザーにとっては、同様の問題に似た解決策を探している人にはほとんど意味をなさないでしょう。リンク腐敗は、基本的には、あなたのリンクは死んでいるか、サイトは変わっています。もう感覚。そのため、関連するCSS、スクリプト、および/またはHTMLは、適切な場所に常に含める必要があります。 – Nope

あなたのスクリプトは私にはよく見えますが、それはあなたのスタイリングのなかのようです。あなたがそこに持っているものは本当にわかりませんが、overflow:hiddenを使用して作業するか、少なくとも始めるべき場所かもしれません。

出典

2012-09-12 14:20:49

と私はそのオーバーフローを追加する必要があります：隠し; ？ – mcmwhfy

IE8で余分なパディングを追加している可能性があります。

私はあなたのCSSから、ブラウザベースの違いを排除するのに役立つCSSリセットを使用していないことに気付きました。

http://meyerweb.com/eric/tools/css/reset/などをご覧ください。最後の子{のborder-bottom：

また、IE8は最後の子

UL＃メニューのli UL李サポートしていませんなしを。 }

これはメニュー項目の外観にも影響します。

また、ユーザビリティの観点からは、メニューリンクがドロップダウンであることをユーザに知らせることをお勧めします。リンクの右側に下向きの矢印を追加している可能性があります。

出典

2012-09-12 15:08:39 Stephen

ナビゲーションメニュー - ホバーの背景が奇妙に振る舞う

答えて

関連する問題