使图像链接覆盖背景图像

Question

我有这个div块显示视频（YouTube）的预览图像，问题是这个预览缩略图由CMS生成，它没有在它的中间给出YouTube播放图标，所以它不像一个视频，但只是一个普通的图像。

所以我想出了一个解决方案（最高回答CSS show div background image on top of other contained elements），添加一个空的跨度并给它一个背景，即YouTube播放图标和绝对位置，并将其定位在该图像预览缩略图的中间。所有看起来都很棒，现在的问题是背景不是链接，缩略图是视频的链接，因此透明图标会隐藏它下面的缩略图链接。

Answer 1

根据这篇文章： Click through a div to underlying elements

如果你添加以下CSS属性，它可以工作：

pointer-events: none;

这里还有一篇关于IE兼容性的帖子：fromanegg