嵌套div - 絕對位置 - z-index

我有一個嵌套的div有一個小問題，由它的父div覆蓋，已經在這裏搜索，但沒有解決方案將適合我的問題。嵌套div - 絕對位置 - z-index

樣品CSS：

#content { 
    position: relative; 
    top: 80px; 
    min-height: 530px; 
    width: 1000px; 
    z-index: 2; 
} 
#category { 
    position: absolute; 
    top: -30px; 
    right: 0; 
    z-index: 1; 
}

樣本HTML：

<div id="content"> 
    <div id="category"></div> 
</div>

它應該是什麼樣子：

嵌套的div #category要堅持#content的右上方，並應在它後面，以便#content將覆蓋它。我知道這可能不是最好的方式來處理它，但我需要這樣做，由於整個項目的蹩腳風格（我只是調整了一下）。

在此先感謝！

來源

2012-09-13 Ben G

'#category {指針事件：可見; }'雖然我不認爲這在IE中支持，所以這可能會幫助你：http://www.vinylfox.com/forwarding-mouse-events-through-layers/ –

爲了將子元素的背後是家長，你必須使用負值爲z-index：

#category { 
    position: relative; 
    z-index: -1; 
}

現場演示：jsFiddle

來源

2012-09-13 09:19:43

結合位置：相對？所以這是不可能的位置：絕對？ –

好的抱歉，我認爲我需要更精確一些，因爲示例並不完全在這裏。我也有一個包容： 'code'＃容器{ \t width：1100px; \t margin：0 auto; } –

@BenG您必須設置'position'以使'z-index'工作。無論它是「相對」，「絕對」還是「固定」都沒關係。 –

嵌套div - 絕對位置 - z-index

回答

相關問題