如何使链接覆盖整个图像?

Question

我希望链接覆盖所有图像，不仅在中心，而且当您将鼠标放在图像上时

.moduledata{
position: relative;
width: auto;
margin: 0px !important;
max-width: 380px;
}
.moduledata > h5 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.moduledata > h5 > a {
color: #000000;
font-weight: 300;
font-size: 38px;
}
.moduledata:hover h5 {
visibility: visible;
}
.moduledata h5 {
visibility: hidden;
}

<div class="moduledata">
<h5><a href="{{seourl}}">{{title}}</a></h5>
<figure><img src="{{pageThumb}}"/></figure>
</div>

Answer 1

你可以把你的图像包装在一个链接中，这样你就可以点击图像上的任何地方来跟随这个链接。

#comehere {
margin-top: 2000px;
}

<a href="#comehere"><img src="https://via.placeholder.com/150x150" alt=""></a>
<div id="comehere">here</div>