CSS相對和絕對，忽略z-index

Question

我有一個網格li的所有左側固定的寬度/高度。問題是，當我懸停在該中心最新的產品，這將在下裏的

編輯/突破下，顯示在沒有放置在頂部，坐在DIV： 如果我卸下的Z-index相對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;放到底部行LIs和更高的z-inded到所有出現在懸停上的元素。這應該讓你開始。