Comment puis-je spécifier le chemin de l'image d'arrière-plan en CSS lorsque l'image et le fichier CSS se trouvent dans des répertoires différents ?

Fournir le chemin de l'image d'arrière-plan en CSS

En CSS, attribuer une image d'arrière-plan à un élément nécessite de spécifier le chemin d'accès au fichier image. Cependant, lorsque le fichier CSS et l'image résident dans des répertoires différents, trouver le chemin correct peut être difficile.

Question :

Dans un projet où le fichier CSS est situé à :

Project/Web/Support/Styles/file.css

Et l'image est stockée à :

Project/Web/images/image.png

Comment le chemin d'accès à l'image peut-il être correctement spécifié dans le fichier CSS ?

Réponse :

Pour déterminer le chemin correct, il est important de comprendre la structure des répertoires. Étant donné que le fichier CSS est deux niveaux plus profonds que le fichier image, remonter de deux niveaux (en utilisant ".." deux fois) l'amène au répertoire parent commun :

Project/Web

Par conséquent, le chemin correct vers l'image dans le fichier CSS est :

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

Ce chemin utilise ".." pour remonter de deux niveaux, atteignant le répertoire parent où se trouve le dossier "images", puis spécifie le nom du fichier "image.png".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!