jsマウスがイジェクト層を滑る位置決めIE 6 bug解決方法

2863 ワード

皆さんはdiv+cssを書くときによくポップアップ層を使いますが、IE 6のバグのため、複数のラベルを使ってポップアップ層を繰り返し書くときに後ろの層がポップアップ層の上に積層されていることに遭遇します.この問題は火狐ブラウザの下でz-indexで解決できますが、IE 6の下では役に立たないので、次のコードはこのような問題の解決方法を提供しています.原理は以下の通りである:Jqueryでイジェクト層のz軸に順次高いを増加する.コードは簡単で、効果は著しく、ほえ!
 
  










<br>for(var i = 0; i < $(".box li").length;i++){ <br>var j = 10000-i <br>$(".box li").eq(i).css("z-index",j); <br>} <br>$("#boxcotent li").hover(function(){ <br>$(this).children(".layer").show();},function(){$(this).children(".layer").hide();} <br>); <br>$("#boxcotent li").hover(function(){ <br>$(this).addClass("s");},function(){$(this).removeClass("s");} <br>); <br>


JS jquery-1.3.2.min.js
JS
for(var i = 0; i < $(".box li").length;i++){
var j = 10000-i
$(".box li").eq(i).css("z-index",j);
}