溢出用z-index

我有以下的HTML標記溢出用z-index

<div id="main"> 
<div id="div1" style="position:relative;"></div> 
<div id="div2" style="z-index:-1; position:relative; overflow:auto; height:500px;"></div> 
</div>

在div2我動態加載數據和內容可能超過div的高度，所以我用一個overflow:auto屬性顯示滾動條。問題是滾動條出現在所有的瀏覽器中，但它只在IE8/9，FireFox和Chrome上運行。在其他瀏覽器中，您看到滾動條爲，但沒有功能。

來源

2012-07-14 Samih A

還在尋找答案，如果有一個！ – 2012-07-15 18:13:40

您的div2的z-index爲-1。所以它落後了。這就是爲什麼它不起作用。

來源

2012-07-14 08:03:47 HerrSerker

是否有任何方法可以使這項工作成爲可能 – 2012-07-14 08:04:41

刪除那個z-index。無論如何，你有它嗎？ – HerrSerker 2012-07-14 08:25:48

z-index屬性是在我的佈局 – 2012-07-14 08:28:17

我有一個類似的問題，發現負z指數確實是問題，並且正z指數是解決方案。嘗試將div2的z索引設置爲0或某個正值X，然後將其他元素的z索引設置爲大於0或X的z索引。負z索引會導致項目「低於「鼠標交互的水平，因此新的z-indicies將導致div2在具有更高z-索引的其他內容之後，同時允許鼠標交互。

看到這個問題的更多細節： Weird z-index behaviour preventing mouse interactions: bug or normal?

來源

2012-08-02 07:11:26 Jeff

回答

相關問題