IE6 CSS Z-index

當鼠標懸停時，應該在所有內容上方顯示一個div彈出窗口時，我有一個圖像色板列表。但是我發現在IE6中，div彈出窗口位於彈出窗口之後生成的元素的後面。它正確地坐在彈出之前呈現的元素的頂部。IE6 CSS Z-index

什麼，我有一個大概的瞭解：

<ul> 
    <li> 
     <a href="#"><img src="image path to swatch"></a> 
     <div class="tooltip">TOOLTIP POPUP</div> 
    </li> 
    <li> 
     <a href="#"><img src="image path to swatch"></a> 
     <div class="tooltip">TOOLTIP POPUP</div> 
    </li> 
</ul>

我有好幾個，這些堆疊的UL在頁面上的。在CSS

ul li { 
     width: 150px; 
     height: 20px; 
     position: relative; 
} 
div.tooltip { 
     width: 300px; 
     height: 300px; 
     position: absolute; 
     top: -20px; 
     left: -20px; 
     z-index: 1000; 
     display: none; 
}

我試圖讓父李

粗略的想法有-1和位置相關的z-index的，但是這也隱藏了樣本。色板是動態生成的，我需要將各個工具提示放置在色板本身附近，這就是爲什麼我將它組織在列表中的原因。

我也試圖增加z-index使用JavaScript時，swatch是懸停在所以它是最高的一切，但這也沒有奏效。例如：

$('ul li').hoverIntent(
     function(){ 
    $('div.tooltip', this).css('z-index', '9000'); 
    $('div.tooltip', this).stop(true,true).show(); 
}, 
function() { 
    $('div.tooltip', this).hide(); 
    $('div.tooltip', this).css('z-index', '1000'); 
});

用盡想法，所以如果有人可以幫忙嗎？謝謝。

的代碼可以在JS提琴可以看到在：http://jsfiddle.net/melon/nUTgB/13/

來源

2011-11-07 melon

我知道這種迴避你的問題，所以請原諒我，但現在是時候讓IE6的去。當你忘記它曾經存在時，你會感到非常快樂。 – Nacimota

只有不到9％的_whole world_仍然使用IE6，其中大多數公司的員工由於訪問限制甚至不會看到您的網站。我同意Nacimota，放棄對IE6的支持。 – Kyle

我希望我能！但不幸的是:( – melon