jquery，将“关闭图标”div放在大图的右上角答案

【问题标题】：jquery, position 'close icon' div in the top right of a large imagejquery，将“关闭图标”div放在大图的右上角
【发布时间】：2010-05-25 23:23:19
【问题描述】：

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

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

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

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

我尝试使用 $("#map").position 并且我有顶部和左侧，但不确定如何定位到右上角。

【问题讨论】：

【解决方案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>

【讨论】：

问题是，map js 代码会擦除 id=map div 内的所有内容。
因此将您的动态 div 包装在一个包装器中，使用关闭图像并使用上面的 css。
你不能在你的地图js代码中添加关闭图像吗？（编辑：或者 Bigfellahull 所说的）。
然后用包装器试试：<div id="map_rapper style="position: relative;"><div id="map" style="position:absolute; top:0; left:0;"><img src="..."/></div><img src="close.png" style="position: absolute; top:0; right:0;"/></div>

【解决方案2】：

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

【讨论】：