图像锚点不起作用，添加显示块也不起作用

Question

我有一个这样的页面http://codepen.io/meek/pen/NNprYb?editors=1000 在投资组合部分，我正在尝试为图像添加锚点。但是点击它们似乎不会触发新窗口。

html看起来像：

<a href="http://google.com" target="_blank">
    <img src="img/portfolio/pomodoro.jpg" />
</a>

我也试过了：

<a href="http://google.com" target="_blank">
    <img src="img/portfolio/pomodoro.jpg">
</a>

（没有自闭标签）

和

<a href="http://google.com" target="_blank" style="display:block;">
    <img src="img/portfolio/pomodoro.jpg">
</a>

并且这些方法都不起作用。

Answer 1

您的叠加层.tint:before覆盖了a标记的可点击区域。移动a标记的figure标记可以使其可以点击。我不确定它会如何影响CSS。