2010-01-25 4 views
2

Je veux afficher un div avec une image d'arrière-plan appelée quelque chose comme ceci: "image_ (1) _125x192.jpg". Il ne s'affiche pas, probablement en raison du ")". Y at-il un moyen de contourner cela sans renommer l'image?CSS fond avec) dans son nom?

#div { 
    background-image: url(image_(1)_125x192.jpg); 
    height: 192px; 
    width: 125px; 
} 

Merci!

Répondre

7

Utilisez les guillemets

background-image: url("image_(1)_125x192.jpg"); 

référence w3: http://www.w3.org/TR/CSS2/colors.html#propdef-background-image

+3

Vous devriez prendre l'habitude d'utiliser des citations par défaut. D'après mon expérience, cela vous épargne beaucoup de tracas, vous savez que ça va * toujours * marcher. – DisgruntledGoat

+1

Bien sûr, il est possible de créer un fichier avec un guillemet simple, un guillemet double et une parenthèse droite dans le nom. Vous devriez vous détester pour faire une telle chose, mais le point que j'essaie de faire est que Punycode est la sortie quand rien d'autre ne fonctionne. Cela devrait être évité, bien sûr, mais je pensais qu'il valait la peine de le souligner. – WCWedin

5
#div { 
    background-image: url('image_(1)_125x192.jpg'); 
    height: 192px; 
    width: 125px; 
} 

note la citation