Javascript 使公文包缩略图可点击，而不仅仅是图标

我试图让我的公文包缩略图可以点击，而不仅仅是鼠标悬停中的图标

我已通过以下方式成功隐藏图标：

.mk-jupiter-icon-arrow-circle::before {
content:" ";
}

然而，我不确定如何使链接本身覆盖整个缩略图。任何帮助都将不胜感激

页面链接：

---

当前链接区域的示例：

因为覆盖覆盖了悬停时的整个图像，所以您只需在其周围缠绕一个锚

<a href="..."> <div class="image-hover-overlay"></div> </a>

将

功能图像

div包装在锚定中…或将

img

元素包装。询问我的想象是一个愚蠢的问题。我该如何添加它？是每个缩略图还是只添加一次？wordpress页面分为3个主要部分（ish）页眉、内容和页脚。您的缩略图将位于页面的内容部分，因此您必须找到一个名为“content.php”等的文件，并找到主题页面div。在该div中，您可以添加图像悬停覆盖。