Je suis nouveau à l'application mvc et la création de site dans le moteur de vue aspx. J'ai un fichier css dans mycss/style.css et les images sont dans images/img1.jpg. quelle est la différence entrequelle est la meilleure façon de définir l'URL de fond en css?
background: url("../images/img1.jpg") no-repeat;
and background: url("~/images/img1.jpg") no-repeat;
style.css
background: url("../images/img1.jpg") no-repeat;
Ce qui précède est par rapport à l'emplacement actuel. Il monte un dossier, puis vers le dossier images et obtient finalement le fichier image.
background: url("~/images/img1.jpg") no-repeat;
Ce qui précède est invalide. Le tilde signifie commencer à la racine du site. Mais CSS ne supporte pas cette syntaxe. L'équivalent serait background: url("/images/img1.jpg") no-repeat;. En fonction de la disposition de votre site, les deux fonctionneront. J'ai tendance à utiliser des chemins relatifs à la racine car si vous déplacez votre fichier CSS vers un autre dossier, il risque de se casser avec un chemin relatif à l'emplacement actuel. Pour une bonne discussion du rapport relatif vs relatif du site vs absolu, see this article
Ce serait la bonne façon.
background: url("../images/img1.jpg") no-repeat;
Pourquoi ne pas expliquer aussi pourquoi la version avec '~' ne serait pas correcte? –
Vous pouvez également écrire cette façon background: url("images/img1.jpg") no-repeat; sans « préfixe » qui signifie « les images dans les images du dossier.
Cela suppose que le dossier images se trouve dans le même dossier que le CSS. Ce qui n'est probablement pas le cas à en juger par le code affiché dans la question. – mason
Je ne pense pas que '~ /' fonctionnera dans les fichiers CSS. – edhedges
Quelle est la différence entre Dot (./Images) et double point (../Images) dans le chemin du fichier? –
'../ Images' signifie aller dans un répertoire, puis dans le dossier' Images'. './Images' signifie aller dans le dossier' Images' du répertoire courant. – mason