PNG图片作为HTML按钮

Question

我想在导航栏中使用一个图标作为drobdown按钮，但是我是html和其他东西的新手，所以我不知道我的代码片段在哪里失败：

<button type= "image" class="dropbtn" onclick="myFunction()">
<img src="someimage.png" title="Some title">
</button>

Answer 1

对于您而言，问题很可能与图像来源有关。检查路径（图像所在的位置）并正确链接。

示例：src="../folder/folder/image.png"

您还可以使用CSS将图像添加为背景，如下所示：

.dropbtn {
  background: url("");
}

Answer 2

我认为问题是您正在使用该按钮。 试试这个：

<a href="" class="dropbtn" onclick="myFunction()">
    <img src="someimage.png" title="Some title">
</a>