我有一张大图片,还有一堆 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>
最佳答案
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; }
关于javascript - 图像上方div的HTML定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10659285/