Bilder, die die Navigationsschaltflächen blockieren ⇐ JavaScript

[Anonymous]

Das Bild blockiert den Zugriff, um auf Links zu klicken. Ich brauche ein wenig Hilfe, wenn ich die Navigation zur Arbeit bringen kann. Gibt es eine Möglichkeit, das Bild vor der Navigationsleiste zu halten, ohne dass es die Tasten blockiert?

Code: Select all

body{
margin: 10px;
}

.nav {
overflow: hidden;
background-color: black;
position: absolute;
width: 250px;
top: 10px;
display: flex;
flex-direction: row-reverse;
left: 10px;
z-index: 0;
}

.nav a {
color: white;
text-align: center;
padding: 10px 16px;
text-decoration: none;
}

.nav a:hover {
background-color: pink;
color: black;
}

img.cat {
width: 200px;
position: relative;
z-index: 1;
}< /code>

[url=#]Link[/url]
[url=#]Link[/url]
[url=#]Link[/url]

[img]https://i.ibb.co/8DbNgqD2/cat-png-17.png[/img]