Zインデックスを無視したCSS相対および絶対

Question

グリッドはです。はすべて固定幅/高さで左にフローティングされています。私は上のzインデックスを削除する場合 ：私はセンターで最新の製品、上に位置していないに表示され、次李さん

EDIT/BREAKTHROUGHの下に座っているのdivの上に置くと、問題があります相対liこれはIE7以外のすべてのブラウザで機能します

Answer 1

は、あなたのproductOver機能でのようなので、それは兄弟だよりそれが大きい作るために推移LIのZインデックスを変更してみてください：

function productOver(){ 
    var product_html = $(this).find(".product_html"); 
    // Generate HTML only on first hover. 
    if(product_html.data("generated") != true){ 
    var tis = $(this); 
    product_html.find(".name").html(tis.find("h2").html()); 
    product_html.find(".price").html(tis.find(".price").html()); 
    product_html.data("generated", true); 
    } 
    $(this).css('z-index','10'); //add this 
    product_html.stop().fadeTo('fast', 1).show(); 
} 

そしてもちろん、それはproductOut

function productOut(){ 
    $(this).css('z-index', '8'); //add this 
    $(this).find(".product_html").stop().fadeTo('slow', 0, function() { 
    $(this).hide(); 
    }); 
} 

上のデフォルトだに戻ってそれを設定します

Answer 2

z-index: 1;をホバーに表示されるすべての要素の下の行LI以上のz-indedに置きます。それはあなたを始めるはずです。