So legen Sie ein Hintergrundbild auf einer Navigationsleiste?

Ich versuche eine Navigationsleiste mit einem Hintergrundbild, einschließlich ul und li als links, konnte aber nicht erfolgreich.

Habe ich nicht ein Pfad Fehler, wie ich andere img Elemente, die ordnungsgemäß gerendert. Der html Teil ist nur ul und li Elemente innerhalb des nav-Bereich.

css:

#main_menu {background-image:url(resources/images/navbar.png);height:40px;}

Suchte ich im web nach Lösungen, aber ich habe keine gefunden, die funktioniert. Ich habe versucht, die position, Größe und wiederholen.

Edit: ich habe die ul und li Menü inline, so dass Sie für die 40px Höhe.

InformationsquelleAutor Christian | 2012-03-12

  1. 1

    Müssen Sie entfernen den height von der Regel, die definiert die hintergrund-img.

    So etwas wie

    #main_menu {background-image:url(resources/images/navbar.png); height:40px;}

    Recht, jetzt haben Sie es in einen Topf geworfen mit der Datei-Pfad, der nicht geschlossen wird, denn es fehlt eine Klammer.

    InformationsquelleAutor Jason Gennaro

  2. 1

    Ihnen fehlt die schließende Klammer am Ende des image-Pfad sollte sein:

    #main_menu {background-image:url(resources/images/navbar.png);height:40px;}

    Du wahrscheinlich auch wollen, um die background-repeat und background-position-Eigenschaften in den hintergrund-Stil...

    BEARBEITEN
    Sind Ihre Listenelemente gefloatet? Wenn Sie sind, müssen Sie gelöscht werden oder der container wird zusammenbrechen und dazu führen würde, dass das Hintergrundbild nicht angezeigt werden,

    Ich hatte inklusive der schließenden Klammer (Tippfehler), und ich habe Durcheinander herum mit repeat und background-image-Größe. Position hat auch nicht geholfen, sorry.
    Siehe edit...

    InformationsquelleAutor danwellman

Schreibe einen Kommentar