如何在单击图像时重定向到新页面？ （HTML）

Question

我正在尝试设置此html代码，以便当有人点击此图片时，他们将被重定向到新的网址。出于某种原因，当我点击图片时，它会将图片重定向到google.com而不是页面。

https://jsfiddle.net/ssLtf588/

我将src设置为图像，我假设是错误。我该如何改变这个？

<div class="container">
<a href="http://google.com">
  <img src="http://i.imgur.com/SSPyEQ3.png" alt="Avatar" class="image">
      <div class="overlay">
          <div class="text">Hello World Whats up!</div>
</a>
</div>

Answer 1

如果您希望在新窗口中打开，请添加target="_blank"。

你走了：

<a target="_blank" href="http://google.com">

Answer 2

这将有效： https://jsfiddle.net/ssLtf588/2/

在您的小提琴上，a标签位于叠加层后面，因此当您点击时，它会点击叠加层，而不是链接。