Question

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

背景图片

<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

当你给它想要它的位置时，

位置绝对可以正常工作，比如右上角的左下角。但是当你使用绝对时，它将超出你网站的正常流量。你能提供你的css看吗？

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

我认为这可能有助于你的问题，如果它不能我再次尝试当我到我的电脑并自己编码:)

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

如何用css正确定位图像

1 个答案: