用css覆盖图标而不丢失点击事件/链接



我正在寻找一种方法来实现一个简单的css覆盖,以在图像上显示缩放图标。我在这里找到了"几乎"正确的答案:用css 在缩略图上叠加一个播放图标

问题是它"剥离"了元素中的链接。我有一个链接到一张带有prettypoto的大图,图标没有链接。它没有任何点击事件。

有没有办法将链接保持在覆盖之下?

感谢

播放图标的z-index非常高,并且覆盖了链接。尝试将play-icon类添加到<a>而不是<li>:

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

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

最新更新