我有一个链接和一个图像。我想使用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>