Html 如何使用css正确定位图像

我在cs购物车网站上工作。我有一个圆形的图像。然后我有其他圆形的图像。我需要将圆圈图像放置在第一个图像圆圈上。问题是当我使用position:absolute时，一切都很好，但当浏览器更改分辨率时，按钮会移动。当我使用position:relative时，图像保持在原来的位置，但链接不起作用

背景图像

<p>
 <img src="http://thrivegoods.net/images/MAIN PAGES/menumainmarketplace.jpg" class="MenuMarketplaceBanner" style="background-color: initial;">
</p>

---

“绝对位置”（position absolute）在您为它指定所需位置的参数（如右上角和左下角）时工作正常。但是当你使用绝对值的时候，它会超出你网站的正常流量。你能提供你的css来查看它吗

您可以尝试的一种方法是获取一个div，使其成为相对的，这样它就位于您的网页流中，然后将您的图像嵌套在其中。使它们成为div的绝对值（相对值）

我想这可能有助于回答您的问题，如果没有，我可以在我的电脑上自己编写代码时再试一次：）

---

更新：无法在我的电脑上复制该场景，当分辨率发生变化时，您的链接工作正常。

忘记发布css！在这里，你能看看实际的网站吗？点击市场信息。图片在屏幕底部，我没有看到一个区域写着“市场信息”可以点击，但是我很喜欢屏幕上弹出的返回顶部的小按钮。这在屏幕上看起来非常好。我还在浏览你的网站，现在退出comp消息我将在今晚几个小时后回来。您是否考虑过使用em或%大小而不是像素大小？更改不同分辨率时效果更好

<p>
 <a href="http://thrivegoods.net/artist-info?action=preview"><img src="http://thrivegoods.net/images/MAIN%20PAGES/BUTTONS/roundinfoforartists.jpg" class="RoundInfoForArtists" alt="RoundInfoForArtists"></a>
</p>

.RoundAccountabilityButton {
 position: absolute;
  top: 1185px;
  left: 489px;
  z-index: 3;
 }

.MenuMarketplaceBanner {
 position: relative;
 z-index: 1;
  }