我正在寻找一种方法来实现一个简单的css覆盖,以在图像上显示缩放图标。我在这里找到了"几乎"正确的答案:用css 在缩略图上叠加一个播放图标
问题是它"剥离"了元素中的链接。我有一个链接到一张带有prettypoto的大图,图标没有链接。它没有任何点击事件。
有没有办法将链接保持在覆盖之下?
感谢
播放图标的z-index
非常高,并且覆盖了链接。尝试将play-icon
类添加到<a>
而不是<li>
:
<ul>
<li>
<a class="play-icon" href="..."><img src="..." alt="..." /></a>
</li>
</ul>
您可能还需要调整引用解决方案中的一些样式。