Comment monter un niveau dans le chemin src d'une URL en HTML ?

Question

Je stocke des feuilles de style dans {root}/styles tandis que des images dans {root}/images pour un site Web. Comment puis-je donner le chemin dans les feuilles de style pour aller chercher dans le répertoire des images pour les images spécifiées ?

par exemple, dans background-image: url('/images/bg.png');

Answer 1

Utilisez .. pour indiquer le répertoire parent :

background-image: url('../images/bg.png');

Answer 2

Utiliser ../ :

background-image: url('../images/bg.png');

Vous pouvez l'utiliser aussi souvent que vous le souhaitez, par exemple ../../images/ ou même à différentes positions, par exemple ../images/../images/../images/ (identique ../images/ bien sûr)

Answer 3

Dans Chrome, lorsque vous chargez un site Web à partir d'un serveur HTTP, les chemins absolus (p. ex. /images/sth.png) et les chemins relatifs vers un répertoire de niveau supérieur (p. ex. ../images/sth.png) fonctionnent.

Mais !

Lorsque vous chargez (dans Chrome !) un document HTML à partir du système de fichiers local, vous ne pouvez pas accéder aux répertoires au-dessus du répertoire actuel. Autrement dit, vous ne pouvez pas accéder ../something/something.sth et changer le chemin relatif en absolu ou quoi que ce soit d'autre n'aidera pas.