與定位

-1

IE 9周的CSS麻煩代碼和屏幕截圖更新，以更好地遵循SO的規則 - 帽尖到火箭與定位

誰能告訴我，爲什麼這個頁面

http://drivetimekl.mapicture.com/results/be50f539b0a7134cd2d0

隱而不宣」在Chrome瀏覽器（正確顯示）和IE 9（不正確的顯示）中看起來一樣嗎？

鉻截圖：http://i59.tinypic.com/308l5dl.png

IE9截圖：http://i61.tinypic.com/33y24uc.png

在IE 9，圖例框向下移動和標識被移出屏幕。

我使用leafletjs作爲地圖，除此之外，我只是嘗試使用position：absolute和頂部或底部CSS屬性來定位div。

有問題的HTML代碼：

<div id="map"></div> 
<div id="legend"></div> 
<div id="legendTime"> 
    <ul class="legenTitle"></ul> 
    <ul class="legendTime"></ul> 
</div> 
<div id="infoBoxDiv"></div> 
<div id="maplogo"> 
    <a href="#"><img src="mapicture-logo.png" /></a> 
</div>

而對於傳說和mapLogo的CSS：

#legend { 
    position: absolute; 
    top: 70px; 
    left: 13px; 
    width: 285px; 
    height: 210px; 
    padding: 9px 0px 6px 20px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    background-color: #fff; 
    font: 14px Arial, Helvetica, sans-serif; 
    color: #777; 
} 

#maplogo { 
    position: absolute; 
    bottom: 30px; 
    left: 13px; 
    width: 280px; 
    height: 57px; 
}

當我通過Chrome的調試檢查，我可以看到傳單的地圖格獲得的風格「位置：相對;」。這是否會干擾我的「立場：絕對的」？

來源

2014-03-12 Carsten Gehling

請參閱：http://meta.stackexchange.com/questions/125997/東西在我的網站或項目沒有工作可以我只是粘貼一個鏈接到它 –

簡而言之'＃legendTime'在IE9是空的。有些東西壞了。 – Ted

對不起火箭隊 - 我會更新我的問題截圖和代碼儘快 –

您應該在#legend，#legendTime和#maplogo上使用z-index屬性。

添加例如：

z-index:100;

到#legend，#legendTime，#maplogo

來源

2014-03-12 20:51:57

z-index做的工作，謝謝 –

回答

相關問題