div在图像上方的HTML定位

时间:2012-05-18 20:28:12

标签: javascript jquery html css position

我有一个大图像,还有一堆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>

1 个答案:

答案 0 :(得分: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; }