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>

Answer 2

您还可以查看最新的jQuery-UI位。他们使用some facilities来定位相对于页面上其他元素的元素。根据您希望支持的浏览器，这可能比创建与浏览器无关的CSS更简单。