图像按钮导航到另一个站点html / css

Question

这是我的代码：

HTML：

<a href="index2.html">
    <input type="image" class="button" value="">
</a>     

CSS：

.button {
  background:url(example.jpg) no-repeat;
  cursor:-webkit-grab;
  border: none;
}

应该发生的是它显示图像，并且当我单击它时，它将导航到另一个站点index2.html。它可以与其他图像一起使用，但是边框令人讨厌，但是在我更改图像后，它不再起作用。

Answer 1

您不需要输入类型按钮，只需使用img ...

html：

<a href="index2.html">
  <img src="example.jpg" />
</a>

css：

a img {
  border: none;
  cursor: grab;
}