Bild in der Nav hinter den Text platzieren

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

babololer

Neues Mitglied
14 September 2020
7
0
1
17
Guten Tag Miteinander

Ich möchte ein Bild in meiner Nav haben aber der Text muss natürlich noch im Vordergrund sein.

Mein HTMl:

<nav class="main-nav">
<img class="ObenLinksNav" src="/Bilder/VektorDesignElemente/png/ObenRechts.png" alt="Desig Element aus drei Vierecken">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Bewerbung</a></li>
<li><a href="#">Projekte</a></li>
<li><a href="#">Workbooks</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>

Ich möchte das Bild mit HTML einfügen und in den Hintergrund mit CSS verschieben (Wenn möglich).
Ich habe es bereits mit z-index: -1; versucht aber es geht nicht.

LG
 

babololer

Neues Mitglied
14 September 2020
7
0
1
17
Ja aber dann habe ich mehrere Bilder und nicht nur eines, das kleiner angzeigt wird.
Unbenannt.JPG

nav {
background-image: url(/Bilder/VektorDesignElemente/png/ObenLinks.png);
background-size: 25%;
}
 

m.scatello

Senior HTML'ler
15 Februar 2017
1.269
153
63
Wenn du dir mal die Mühe machen würdest und du dir die anderen Optionen bei Background ansehen würdest, hättest du schon eine Lösung.
 
  • Like
Reaktionen: babololer
Werbung: