Question

我一直在寻找一种方法来实现简单的css叠加，以在图像上显示缩放图标。我在这里找到了“几乎”正确答案：Overlay a play icon on top of thumbnail with css

事情是它“剥离”元素中的链接。我用漂亮的照片链接到更大的图片，图标没有链接。它没有任何点击事件。

有没有办法将链接保留在叠加层下面？

由于

Answer 1

播放图标的格式非常高z-index，并且正在覆盖链接。尝试将play-icon类添加到<a>而不是<li>：

<ul>
  <li>
    <a class="play-icon" href="..."><img src="..." alt="..." /></a>
  </li>
</ul>

您可能还需要从引用的解决方案中调整一些样式。