Comment spécifier des chemins d'image d'arrière-plan cohérents en CSS ?

Chemins d'image d'arrière-plan cohérents dans CSS

Lorsque vos fichiers CSS et image résident dans des répertoires différents, spécifier le chemin de l'image d'arrière-plan peut être délicat. Cet article explore un problème courant rencontré lorsque le fichier CSS se trouve dans Project/Web/Support/Styles/file.css et que l'image se trouve dans Project/Web/images/image.png.

Problème Déclaration :

Malgré les tentatives de référencement de l'image en utilisant différents chemins (/images/image.png, ../images/image.png, etc.), l'image ne s'affiche pas dans le fichier CSS prévu.

Solution :

Pour spécifier correctement le chemin, il est important de comprendre la navigation dans les répertoires en CSS. La syntaxe ../ remonte d'un niveau de répertoire. Dans ce cas, où le CSS se trouve dans Project/Web/Support/Styles, le chemin correct est :

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

Cette syntaxe parcourt deux fois la structure de répertoires à partir de file.css (../../ ) pour accéder au répertoire Web, où résident le dossier images et 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!