IE 7絕對定位問題

我用這個打了一匹死馬。我有一套嵌套的div，特別需要進行絕對定位，以免與其他元素髮生衝突。的HTML是：IE 7絕對定位問題

<div id="gallery"> 
    <div id="gal_info"> 
     <h2>Gallery</h2> 
     <div id="gal_caption">Caption goes here</div> 
    </div> 
    <div id="gal_imgs">  
    ... 
    </div> 
</div>

的CSS是：

#gal_info{ 
position: absolute; 
top: 10px; 
margin-left: 15px; 
width: 190px; 
height: 170px; 
padding: 10px 10px 0 30px; 
background-color: #f8fce2; 
}

這一切都完美的作品在每個瀏覽器IE7除外。在IE7中，#gal_info的整個div消失。我試過檢查我的所有位置，一直回到<body>標籤。我試過向元素添加z索引以使其顯示。我無法弄清楚發生了什麼問題，但只要我拿出position: absolute;它就會出現。

有什麼建議嗎？

在此先感謝！

來源

2011-04-20 TH1981

什麼是'＃gallery'和'div'標籤的CSS一般？ – jball 2011-04-20 17:34:20

'div'沒有任何CSS - '＃gallery'具有'position：relative'，''gallery'和''之間的所有父div都是'relative'' – TH1981 2011-04-20 18:20:55

我沒弄明白爲什麼，但我現在已經開始工作了。我從零開始重新編寫了這個頁面，現在它全部正確顯示。謝謝！

來源

2011-04-25 16:56:58 TH1981

我們在這裏錯過了我的朋友的信息，但只是猜測，畫廊div的位置是什麼？你是否試過把它當作親戚？

來源

2011-04-20 17:36:39 omabena

FYI：您應該使用評論功能來提問而不是提供一個問題的答案。 – tawman 2011-04-20 17:38:20

我認爲你是對的，謝謝你的信息。 – omabena 2011-04-20 17:42:12

請參閱上面的評論 - 我已經在'＃gallery' div和其他所有包含div的位置添加了'position：relative'，一直回到''標記 – TH1981 2011-04-20 18:40:34

IE 7絕對定位問題

回答

相關問題