我有一个链接和一个图像。我想使用css绝对定位在图像上定位链接,但是如果我使用css绝对定位,则如果用户使用的是较大的显示器或较小的显示器,则链接将无法正确定位。我如何才能使它在所有显示器上都能正常工作并正确放置。

最佳答案

选项一确实很愚蠢,但只需移动链接,使其环绕图像即可?

<a href="http://www.example.com"><img src="http://placehold.it/350x150"></a>


另一种选择(如果您不能这样做),请确保它们位于与position: relative;相同的父元素中:



#container {
  position:relative;
  width:350px;
  height:150px;
}
#container a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

<div id="container">
  <img src="http://placehold.it/350x150" />
  <a href="http://www.google.co.uk"></a>
</div>

10-05 21:02
查看更多