Comment puis-je utiliser les CSS pour définir comme mon arrière-plan si j'utilise le Zend Framework?

Question

Tout le reste fonctionne à 100%, donc je suis l'erreur positive 100% se trouve dans le chemin du fichier que je utilise pour l'image.

L'image ne se charge pas.

Soit

A) J'ai besoin du fichier à apparaître dans l'espace de travail Zend, comment puis-je le faire.

ou

B) Mon chemin est erroné.

Voici mon fichier heirarchy:

Et voici mon code CSS:

#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; 
} 

Je vous assure, l'image est physiquement là, dans mon disque, mais le chemin est mal, je suppose.

Answer 1

Un chemin relatif doit être relatif au fichier css, si le code affiché est dans ce dossier CSS, vous avez besoin:

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

Answer 2

Le principal . fait l'URL de l'image par rapport à l'URL du fichier html. Retrait de la . fera le chemin absolu à l'hôte.

Il convient de noter que le Zend Framework utilise url rewriting pour acheminer tous les urls qui ne correspond pas à un fichier à index.php.

Answer 3

J'ai eu aussi, mais ne me souviens pas ce que je l'ai fait pour y remédier.

Essayez de trouver l'icône représentant un petit triangle pointant vers le bas (en haut du navigateur de fichiers). Il est le droit le plus icône avec une info-bulle étiquetée menu Affichage. Cliquez dessus et choisissez Filtres. Vérifiez s'il y a un filtre qui pourrait être à l'origine du fichier à être invisible. Si cela ne fonctionne pas essayer de perspectives de commutation. Essayez également de cliquer droit sur le dossier et choisissez Actualiser.

Vous pouvez également essayer de copier le fichier à partir de l'emplacement physique par copie de clic droit et collez-le dans le dossier img dans votre Zend Studio / Eclipse pour vous assurer que vous avez vraiment placé dans là.

Si je mal compris la question, ce qui est seulement le fichier ne montrant dans le navigateur Web, ne pas tenir compte de ce qui précède et de supprimer la . (mais pas le /) du filepath dans le fichier CSS pour le faire par rapport à la WebRoot.