background-image ne fonctionne pas

Je l'ai dans mon HTML tout fonctionne à l'exception de l'image de fond: 'images/Header.jpg'; Au lieu de cela, je vois la couleur grise dans l'en-tête, mais pas l'image .. J'essayé d'enlever la couleur grise mais ne vois pas l'image ...background-image ne fonctionne pas

#outerWrapper #header { 
border-bottom: solid 1px #628152; 
font-size: 18px; 
font-weight: bold; 
line-height: 15px; 
height: 115px; 
background-color: Grey; 
background-image: url('images/Header.jpg');

Comment puis-je faire ce travail .. s'il vous plaît aider .. grâce

Source

2010-12-01 user175084

Jetez un oeil à votre page avec Firebug pour Firefox. Vous ne pouvez pas charger l'image correctement. Vous serez également en mesure de jouer avec le CSS à la volée si c'est votre problème.

Source

2010-12-01 17:03:24 Lareau

Essayez de changer l'URL pour '/images/Header.jpg'

Source

2010-12-01 16:54:48

ne fonctionne pas .. toujours .. d'autres suggestions .. merci – user175084

peut être l'hébergement ne config pas pour le contenu statique –

@AlexNguyen: Je ne voulais pas déplacer le fichier, mais plutôt la référence à elle. Changez ceci: 'url ('images/Header.jpg');' à ceci: 'url ('/ images/Header.jpg');' –

Bien sûr, vous avez besoin du CHAR? Et peut-être il est sensible à la casse et vous avez une erreur dans l'URL .. Peut-être background-image:url(images/header.jpg);

Source

2010-12-01 16:57:14 bAN

Quel est le chemin de votre fichier CSS et le chemin de l'image?

Vous devez prendre en compte que, lorsque vous utilisez url() en CSS, le chemin est relatif au fichier CSS, et non à la page demandée.

Imaginez que vous avez les fichiers suivants:

/website/index.html 
/website/templates/main.css 
/website/images/header.jpg

que le CSS doit être:

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */

Source

2010-12-01 17:02:45

Répondre

Questions connexes