使投资组合缩略图可点击而不仅仅是图标

Question

我试图让我的投资组合缩略图可点击，而不仅仅是悬停中的图标。

我设法隐藏了图标：

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

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

页面链接：http://ej.electricmustard-dev.co.uk/work/

当前链接区域的示例：http://i57.tinypic.com/29yjkhj.png

Answer 1

因为叠加层覆盖了悬停时的整个图像所有你需要做的就是在它周围包裹一个锚点。

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