我有一个underlay.jpg <div id=underlay>中，我想在上面精确放置标记。做这个的最好方式是什么？
我希望图像填充 div 的空间，并在调整窗口大小时调整标记。我假设在 CSS 中做这件事是最简单的，但我不确定。
顺便说一下，我正在使用 Javascript 生成标记 div。这是我当前的代码，当我调整大小时无法正确调整：
<div id="underlay">
<img style="height:auto; width:auto; max-width:100%;" src="underlay.jpg">
<div id="markers">
<div id="marker1" style="left:36%; top:56%; position:absolute;">"1"</div>
<div id="marker2" style="left:45%; top:76%; position:absolute;">"2"</div>
<div id="marker3" style="left:24%; top:65%; position:absolute;">"3"</div>
</div>
</div>