[ERLEDIGT] <img> verhindert <button> click

[Basti1499]

Guten Tag,
ich habe versucht ein Menu für Mobilgeräte in HTML zu erstellen wie folgt:
HTML:
<section class="mobilemenu">
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn"><img src="images/menu-icon.png" style="width: 30px"></button>
<div id="myDropdown" class="dropdown-content">
<a href="">Home</a>
<a target="_blank" href="https://statsroyale.com/clan/9VYGR2L">Company</a>
<a target="_blank" href="https://statsroyale.com/clan/LCJ92R9">Factory</a>
<a target="_blank" href="https://statsroyale.com/clan/280VQYQP">Business</a>
<a href="/contact.html">Kontakt</a>
<a href="/turnier.html">Turnier</a>
</div>
</div>
</section>

Javascript:
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}

window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {

var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns;
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>

Das ganze funktioniert aber nur so halb weil das Bild vom Menuicon den Button verdeckt und nicht die gewünschte Funktion aktiviert.
Bisher habe ich folgendes versucht:
in CSS für den Button das Bild als background zu nehmen, mir wurde gar nichts angezeigt.
das Bild mit <a> als background zu schreiben, ebensfalls wurde nichts angezeigt.

Ich bin ein Anfänger in HTML, verzeiht daher bitte vielleicht dumme Fehler

Wie ist es Möglich den Button trotz Bild benutzbar zu machen?

LG
Basti

 

[Basti1499]

EDIT: Ok ich bin einfach nur blöd ._.

Als ich den Buttonbackground machen wollte habe ich unter dem background: noch background-color: stehen gehabt, dadurch konnte ich das Bild nichtmehr sehen.

Frage daher nicht weiter wichtig, habe aber nichts gefunden wie ich das Thema lösche