单击图像时如何重定向到新页面？(html)

Question

我正在尝试设置此 html 代码，以便当有人单击此图像时，他们将被重定向到新的 url。由于某种原因，当我单击图像时，它会将图像重定向到 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">