Wie kann ich zu Satz verwenden CSS als mein Hintergrund, wenn ich das Zend Framework verwendet werden?

Question

Alles andere 100% funktioniert, also bin ich zu 100% positiv liegt der Fehler im Dateipfad Ich bin für das Bild verwendet wird.

Das Bild wird nicht geladen.

Entweder

A) muss ich die Datei im Zend-Arbeitsbereich angezeigt werden soll, wie kann ich das tun.

oder

B) Mein Weg ist falsch.

Hier ist meine Datei Hierarchie:

Und hier ist mein CSS-Code:

#nav-menu li{
    float: left;
    margin: 0 0.15em;
} 

#nav-menu li a:HOVER{
    background-color: yellow;
}

#nav-menu li a{
    background: url(./img/buttonbackground.jpg) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center; 
} 

Ich versichere Ihnen, das Bild physisch da ist, in meiner Scheibe, aber der Weg ist falsch, denke ich.

Answer 1

Ein relativer Pfad zur CSS-Datei sein relativ muss, wenn der Code, den Sie in diesem CSS-Ordner geschrieben ist, benötigen Sie:

background: url(../img/buttonbackground.jpg) #fff bottom left repeat-x;

Answer 2

Der führende . macht die Bild-URL in Bezug auf die URL der HTML-Datei. Das Entfernen des . wird der Weg macht absolut an den Host.

Es ist erwähnenswert, dass die Zend Framework-URL verwendet, um Route Umschreiben alle URLs, die in eine Datei Karte nicht zu index.php.

Answer 3

Ich habe das auch gehabt, aber kann mich nicht erinnern, was ich tat, es zu beheben.

Versuchen Sie, die das Symbol zeigt ein kleines Dreieck nach unten zeigt (oben in dem Datei-Browser) zu finden. Es ist das am weitesten rechts stehende Symbol mit einem Tooltip markierten Menü Ansicht. Klicken Sie darauf und Filter wählen. Prüfen Sie, ob ein Filter, der die Datei verursachen könnte, unsichtbar sein. Wenn dies nicht hilft versuchen Schalen Perspektiven. Versuchen Sie auch nach rechts auf den Ordner klicken und wählen Sie Neu laden.

Sie können auch versuchen, die Datei vom physischen Standort von den rechten Maustaste Kopie zu kopieren und in den img Ordner durch Ihr Zend Studio / Eclipse-Paste, um sicherzustellen, wirklich Sie es dort platziert.

Wenn ich die Frage falsch verstanden und dies ist nur über die Datei im Web-Browser nicht angezeigt wird, die oben außer Acht lassen und entfernen Sie die . (aber nicht die /) aus dem Dateipfad in der CSS-Datei, um es in Bezug auf die WebRoot.