絕對定位在IE中不起作用

此代碼在Chrome和Firefox中完美工作，但在IE中絕對定位的div出現在右上角。絕對定位在IE中不起作用

<div id="three_pictures"> 
    <img alt="3steps" src="/assets/3steps.jpg"> 
    <a href="https://stackoverflow.com/users/new" style="position: absolute; top: 65px; left: 50px; width: 204px; height: 256px;"></a> 
    <a href="/get_a_present" style="position: absolute; top: 16px; left: 273px; width: 191px; height: 303px;"></a> 
    <a href="/posted_presents" style="position: absolute; top: 51px; left: 508px; width: 148px; height: 276px;"></a> 
</div>

和

#three_pictures 
{ 
padding-top: 20px; 
width: 700px; 
position: relative; 
background-color: white; 
margin: 0px auto; 
}

我希望有在圖像的某些區域鏈接。

來源

2012-10-14 Baruch

['id'屬性不能以數字開頭]（http://www.w3.org/TR/html4/types.html#type-name）。 – DCoder

首先您更改ID名稱，則必須使用這種風格的代碼爲它

#stepsThree{ 
    position:relative; 
}

，我認爲它的，問候

來源

2012-10-14 08:53:12

ID的不能以數字開始... –

我只使用有問題的ID名稱 –

這正是他們發明的圖像地圖。它們仍然有效並受HTML 5支持。

來源

2012-10-14 09:22:50 GolezTrol

http://www.december.com/html/demo/imagemap.html – GolezTrol

http://www.w3schools.com/tags/tag_map .asp – GolezTrol

http://en.wikipedia.org/wiki/Image_map – GolezTrol

#three_pictures的包含元素是什麼？它是如何設計的（如果有的話）？

如果沒有那麼它是什麼樣子就是你margin: 0px auto;實際上不是#three_pictures元素上工作（因爲它的position:relative;風格），所以你需要做的是把它包在一個單獨的DIV其中有其上的margin: 0px auto; and width:700px;樣式。

來源

2012-10-14 11:47:55 JamieM23

絕對定位在IE中不起作用

回答

相關問題