html - 图像按钮导航到另一个站点 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;
}