PNG изображение в виде кнопки HTML

Question

Я хотел бы использовать значок в качестве кнопки выпадающего меню на моей панели навигации, но я новичок в 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>