1

私は大きな画像と、その画像の上に偽のボタンとして使用しているdivの束を持っています。現在、絶対配置を使用して div を配置したい場所に配置していますが、多くの div があり、x/y 座標を試行錯誤して見つけるのは時間がかかりません。それらを配置する簡単な方法はありますか、それとも行き詰まっていますか?

このプロジェクトでは jQuery と Javascript を使用しているため、これらはソリューションに使用できます。

CSS:

#test0 {
position:absolute;
    left:381px;
    bottom:100px;
}

HTML:

<div id="image">
    <div id="test0" class="button" onclick="$('#modal').dialog('open');" style="postion:absolute">
        Click me to test Modal!
    </div>
    <div id="test1" class="button" onclick="$('#modal').dialog('open');" style="postion:absolute">
        Click me to test the same Modal!
    </div>
    <img src="testImage.jpg" alt="testtest" />
</div>
4

1 に答える 1

1

HTML: 

<div id="image">
<div id="container-of-fake-divs">

<div class="fake-div">FAKE DIV</div>
<div class="fake-div">FAKE DIV</div>

</div>

<img src="image.jpg" />

</div>

スタイル：

#image { position:relative; } 
#container-of-fake-divs { position:absolute; top:0; left:0; }
.fake-div { display:block; }
于 2012-05-18T20:37:49.223 に答える