2010-11-28 5 views
-1

Je viens de télécharger un site Web à partir de mon ordinateur vers un serveur distant.certaines images d'arrière-plan dans css ne se chargent pas

tout fonctionnait sur ma machine locale, et fonctionne sur le serveur distant - à part 1 image de fond! Toutes les images sont dans le même répertoire, avec les mêmes permissions. juste le 'Main-Header-graphic.jpg' ne fonctionne pas. J'ai dans mon CSS:

/* this works */ 
#top_header #logo { 
float: left; 
background: url(../img/Logo.png) no-repeat; 
width: 403px; 
height: 52px; 
text-indent: -9999px; 
} 

/* this doesn't! 
    if i replace the "../img/Main-Header-graphic.jpg" below with another image, eg. 
    the "../img/Logo.png" above, it works! */ 
#middle_header { 
margin-top: 10px; 
height: 280px; 
background: url(../img/Main-Header-graphic.jpg) no-repeat; 
} 

afin que vous voyez les chemins d'accès aux images sont tous les mêmes, et travaillent dans le même format avec toutes les autres images d'arrière-plan. Juste le fond middle_header ne fonctionne pas! des idées?

merci, Patrick

+0

Peut-être plus facile de simplement fournir un lien vers la page. –

Répondre

-1

Essayez d'envelopper l'URL avec des citations:

url("../img/Main-Header-graphic.jpg") 
+0

http://stackoverflow.com/questions/2168855/css-url-whats-better –

1

La seule chose que je peux penser est que cela pourrait être quelque chose de mal avec l'image elle-même. Essayez d'ouvrir l'image dans Photoshop, et si vous le pouvez, enregistrez-le dans un autre format - ou en .jpg avec des paramètres de compression différents. Puis re-télécharger et voir si cela fonctionne.

+0

essayé, mais sans chance. Je ne sais pas pourquoi, mais le problème semble être au nom de l'image, pour une raison quelconque. Je l'ai renommé en utilisant des underscores au lieu de tirets, et il semble fonctionner maintenant ... – Patrick

1

J'ai eu ce même problème récemment, et c'était parce que mon fichier image était "examplepic.JPG", mais en CSS je l'ai eu comme "examplepic.jpg". Dès que j'ai changé le code CSS pour afficher l'extension de fichier de l'image bg en majuscules, cela a fonctionné ...

1

J'ai eu exactement le même problème. Juste quelques images qui, lorsqu'elles sont affichées localement, ont bien fonctionné. Du serveur, pas d'aller. J'ai découvert qu'il y avait une différence dans mon cas de chameau.

Exemple:

code CSS: ../images/myImage.png

adresse de l'image actuelle: ../images/myimage.png

je l'ai changé pour correspondre et alto! Un peu déconcertant.

Questions connexes