絕對定位的DIV懸停在其他元素上

我有兩個幾乎完全相同的JSP頁面。每個頁面都有一個具有「position：relative」屬性/值的外部DIV。每個頁面也有一個內部的DIV，它具有「position：absolute」屬性/值。絕對定位的DIV懸停在其他元素上

在一個頁面上，絕對定位的div不懸停在頁面上的任何其他元素 - 它只是停止在其他元素移動，而我調整窗口前移動。

在其它頁面（其具有相同的確切外DIV和內DIV屬性和值），絕對定位DIV DOES懸停在網頁上的其他元素作爲我調整窗口大小。

有關爲什麼會發生這種情況的任何想法？我最終要包括絕對定位的DIV的頁面上的任何其他元素不懸停在...

這裏的標記和參與CSS的片段......

CSS
.BODY_OUTLINE {
position: relative;
border:2px outset white;
border-top: none;
font-style: normal;
margin: 0px;
margin-right:7em;
padding-top:0px;
FONT-FAMILY: arial, tahoma, verdana, sans-serif;
width:100%;
}

HTML
<DIV CLASS="BODY_OUTLINE">
...
<DIV STYLE="border:10px outset gray; position:absolute; right:20%; top:20%;">

來源

2011-12-21 Zack Macomber

這是IE 8專門BTW – 2011-12-21 14:38:25

發佈相關的HTML + CSS如果你想要一個答案... – ptriek 2011-12-21 14:40:10

這很難回答這個問題沒有一些標記和CSS。 – 2011-12-21 14:40:37

如果這些元素本身沒有被特別約束以防止它，那麼絕對定位的元素將總是「懸停在」頁面上的其他元素上。這是因爲absolute元素超出流程（也就是說，它們被其他元素忽略，並且它們本身忽略大多數其他元素;定位父級爲異常）。

的事實，你有一個網頁，似乎表現爲你想要的是可能是「意外」。我不能告訴你確切的原因，因爲你只發布了BODY_OUTLINE包裝的代碼和absolute div，但所有其他項目和CSS也可能與此問題有關，因爲正如我上面所說的，其他元素有要通過大小，利潤率，自身定位或某些因素來說明絕對定位的因素。

來源

2011-12-21 15:18:50 ScottS

我認爲絕對元素的典型行爲是流失的，所以很奇怪，其中一個頁面沒有做懸停在...我會嘗試深入一點找出原因......我想我也會嘗試重新設置頁面的格式，以便我不必使用絕對定位......謝謝。 – 2011-12-21 15:30:30

我最終重新定位整個頁面，以避免使用絕對定位全在一起... – 2011-12-21 16:36:29

很難說，因爲我沒有在頁面上的其他元素的想法，但我會嘗試打了一下，用z-指標對你的div：

.BODY_OUTLINE { 
position: relative; 
z-index:999; /* do this for all elements that have position absolute or relative */ 
} 

<DIV STYLE="border:10px outset gray; position:absolute; right:20%; top:20%; z-index:1">

來源

2011-12-21 15:20:56 ptriek

感謝您的評論 - 我嘗試了z-index並在它上面讀了一點，但它沒有幫助這個問題尤其如此。我最終放棄了網頁上的絕對位置...... – 2011-12-21 16:38:35

絕對定位的DIV懸停在其他元素上

回答

相關問題