jquery,在大图像的右上角放置'close icon'div

Question

我的网页有一个大图像(地图).我想在图像的右上角放置一个用于关闭地图的小图标.

如何确定位置并正确放置图像？

图像的固定宽度为900 x 600.

如果有帮助,我在页面上有jquery.

我尝试使用$("#map").位置,我有顶部和左边,但不知道如何定位到右上角.

Answer 1

最简单的方法就是用CSS完全定位关闭按钮而不是用JS计算位置.例如:

<div id="map" style="position: relative;">
  <img src="yourmap.png">
  <img src="close.png" style="position: absolute; top: 0; right: 0;">
</div>