by Anonymous » 11 Aug 2025, 04:56
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]
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]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]
[/code]
Mobile version