如何用css正确定位图像

Question

我正在开发一个 cs-cart 网站。我有一个圆形的图像。然后我有其他圆形的图像。我需要将圆圈图像放置在第一个图像圆圈上。问题是当我使用 position: absolute 时，一切都很好，但是当浏览器改变分辨率时，按钮会移动。当我使用位置时：相对图像停留在那里，但链接不起作用

背景图片

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

小圆圈图片

<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>

css

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

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

Answer 1

当你给它指定你希望它坐的位置的参数时，绝对位置可以正常工作，比如右上角左下角。但是当您使用absolute时，它会超出您网站的正常流程。你能提供你的CSS来看看吗？

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

我认为这可能对您的问题有所帮助，如果没有，我可以在我拿到我的电脑并自己编码时再试一次:)

更新：无法在我的 PC 上复制该场景，当分辨率更改时，您的链接可以正常工作。