透過させるとIE8でjQueryのhover()が正しく動かない

2009年9月18日

IE8では、透過している要素の中でjQueryの hover() がうまく効かないっぽい。

解1: 透過をやめる (以下を削除)。

    filter:alpha(opacity=90); /* 透過 (IE) */

解2: hover()をやめて、mouseover() + mouseout() にする。

    $("ul#gnav > li").hover(
        function(){ ～ },
        function(){ ～ }
    );

↑これを

    $("ul#gnav > li").mouseover(
        function(){ ～ });
    });
    $("ul#gnav > li").mouseout(
        function(){ ～ });
    });

↑こうする。ただし、Safari 2 で mouseover() + mouseout() の挙動が不安だった気がする。

個人的な解: そもそも透過は見やすいのか、どうなのか。

Category

Archives