12
votes

Moins de fond CSS avec chemin relatif

Je suis confronté à un problème lorsque vous utilisez moins de stylesheet pour mon site Web. Personnellement, je préférerais utiliser un chemin relatif dans le CSS qu'un chemin absolu (seulement mon habitude), mais maintenant, lorsque j'utilise moins avec une fonctionnalité d'importation, j'ai un problème comme le montre la phrase suivante.

J'ai un .less code> fichier dans le dossier racine p> xxx pré>

et un fichier incordlaire code> in dossier inc code> p> xxx pré>

L'image home.gif code> est dans le dossier / root / inc / icônes code> p> xxx

avec La sortie p>

.homeBgr {  
   background: url('inc/icons/Home.gif');
}


0 commentaires

3 Réponses :


6
votes

Vous devez utiliser la fonctionnalité d'échappement. sans faille. Cela ressemblera à quelque chose comme ça. Firebug It ou utilisez Chromes Firebug comme une chose pour vérifier le chemin si cela ne fonctionne pas et vous devez l'ajuster à un dossier racine. Vous pouvez au moins l'ajuster après sa échappée.

background: ~"url('inc/icons/Home.gif')";


1 commentaires

Je pense que cette façon me fait ou que le client confond est un coup d'œil sur le fichier incordlaire car le chemin relatif n'est pas une signification (ne concerne pas le fichier sans incordinet)



2
votes

au lieu d'avoir la main principale.Les fichiers moins importants dans / Inc, mettez tous vos moins de fichiers dans un dossier "CSS", "styles" ou "moins". Ensuite, vous pouvez utiliser un chemin relatif cohérent vers des images en faisant "../ icônes / home.gif"


0 commentaires

1
votes

Le chemin d'image relative concerne le fichier CSS généré, non sur le fichier moins.


0 commentaires