5

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 ブラウザのみで...

ありがとう。

4

2 に答える 2

3

余分なパディングを追加するだけのIE8かもしれません。

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

http://meyerweb.com/eric/tools/css/reset/ または同様のものを見ることができます。

また、IE8 は last-child をサポートしていません

ul#menu li ul li:last-child{ border-bottom:none; }

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

また、ユーザビリティの観点からの補足として、メニュー リンクがドロップダウンであることをユーザーに知らせることをお勧めします。場合によっては、リンクの右側に下矢印を追加します。

于 2012-09-12T15:08:39.190 に答える
2

あなたのスクリプトは私にはよく見えます。それはあなたのスタイリングに何かあるようです。そこに何があるかはよくわかりませんが、それを回避して を使用できるoverflow:hiddenか、少なくとも開始する場所になる可能性があります。

于 2012-09-12T14:20:49.387 に答える