Question

此代码在chrome和firefox中完美运行，但在IE中，绝对定位的div显示在右上角。

<div id="three_pictures">
   <img alt="3steps" src="/assets/3steps.jpg">
   <a href="/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;
}

我希望在图像的某些区域上有链接。

Answer 1

#three_pictures的包含元素是什么？它是如何设置样式的（如果有的话）？

如果没有，那么您的margin: 0px auto;实际上并没有处理#three_pictures元素（由于其上有position:relative;样式），那么您需要什么要做的就是将它包装在一个单独的div中，该div上有margin: 0px auto; and width:700px;个样式。

Answer 2

首先更改ID名称，然后必须将此样式代码用于其

#stepsThree{
   position:relative;
}

我认为，最好的问候

Answer 3

这正是他们发明的图像地图。它们仍然有效，并且在HTML 5中受支持。

绝对定位在IE中不起作用

3 个答案: