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 et un fichier L'image avec .less code> fichier dans le dossier racine p>
incordlaire code> in dossier
inc code> p>
home.gif code> est dans le dossier
/ root / inc / icônes code> p>
La sortie p>
.homeBgr {
background: url('inc/icons/Home.gif');
}
3 Réponses :
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')";
Je pense que cette façon me fait ou que le client confond est un coup d'œil sur le fichier incordlaire code> car le chemin relatif n'est pas une signification (ne concerne pas le fichier
sans incordinet)
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" p>
Le chemin d'image relative concerne le fichier CSS généré, non sur le fichier moins. P>