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

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。