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;に実際に取り組んでいないように見えるので（スタイルが原因で）、スタイルを持つ別の div でラップする必要があります。#three_picturesposition:relative;margin: 0px auto; and width:700px;

于 2012-10-14T11:47:55.150 に答える
0

最初にID名を変更し、次にこのスタイルコードを使用する必要があります

#stepsThree{
   position:relative;
}

よろしくお願いします

于 2012-10-14T08:53:12.180 に答える
0

これはまさに、彼らがイメージ マップを発明した目的です。それらは引き続き有効であり、HTML 5 でサポートされています。

于 2012-10-14T09:22:50.327 に答える