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

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

我将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>

这将起作用：

在您的小提琴上，

a

标记位于覆盖层后面，因此当您单击时，它是在覆盖层上单击，而不是在链接上单击。

只要添加

target=“\u blank”

，如果您想在新窗口中打开它

给你：

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

没有。它将图像重定向到google.com。我不希望图像显示google.com。我希望整个浏览器选项卡被重定向。不起作用。我正在使用一个名为Wix.com的网站，出于某种原因，当我在这个html框应用程序中单击它时，它会打开google。因此，它实际上在图像应用程序中打开了谷歌，而不是真正的浏览器标签。这是wix的错吗？这有什么好办法吗？你必须使用Javascript并使用带有google的Iframe，但是我不知道wix是否允许javascript。我的javascript是在html代码之前完成的，但它在wix的html应用程序上运行正常。请发送链接我认为我的javascript是JSFIDLE上代码的第一部分，但我认为它实际上不是。