jQuery，在大图像的右上方放置“关闭图标” div

Question

我的网页有大图像（地图）。 我想在图像的右上方放置一个用于关闭地图的小图标。

如何确定位置并适当放置图像？

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

如果有帮助，我在页面上会有jquery。

我尝试使用$（“＃map”）。position，我有左上角，但不确定如何将其定位在右上角。

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位。 它们具有一些相对于页面上其他元素定位元素的功能。 取决于您要支持的浏览器，这可能比创建与浏览器无关的CSS更为简单。