2

此代码在 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;
}

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

4

3 回答 3

1

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

如果没有，那么看起来你margin: 0px auto;实际上并没有在#three_pictures元素上工作（因为position:relative;它上面的样式）所以你需要做的就是将它包装在一个单独的 div 中，它上面有margin: 0px auto; and width:700px;样式。

于 2012-10-14T11:47:55.150 回答
0

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

于 2012-10-14T09:22:50.327 回答
0

首先您更改 id 名称，然后您必须使用此样式代码为其

#stepsThree{
   position:relative;
}

我认为这是最好的问候

于 2012-10-14T08:53:12.180 回答