Comment référencer des images d'un répertoire supérieur en HTML ?-tutoriel CSS-php.cn

Maison

interface Web

tutoriel CSS

Comment référencer des images d'un répertoire supérieur en HTML ?

Susan Sarandon

Dec 10, 2024 pm 05:04 PM

How do I reference images from a higher directory in HTML?

Référencement des images d'un répertoire supérieur en HTML

Dans le développement Web, les organisateurs stockent souvent les feuilles de style et les images dans des répertoires séparés. Pour faire référence à des images d'un répertoire différent au sein d'une feuille de style, vous devez modifier le chemin. Voici comment remonter d'un niveau dans le chemin source d'une URL en HTML :

Pour remonter d'un niveau dans la structure des répertoires, vous pouvez utiliser le caractère double point (..). Cette notation indique le répertoire parent. Par exemple, supposons que vous stockiez les feuilles de style dans le répertoire "/styles" et les images dans le répertoire "/images". Pour référencer une image du répertoire "/images" au sein d'une feuille de style située dans le répertoire "/styles", vous utiliserez le chemin suivant :

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

Dans cet exemple, la notation ".." dans le chemin monte d'un niveau dans la structure des répertoires, permettant à la feuille de style d'accéder à l'image spécifiée dans le répertoire "/images".

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!

Déclaration

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article connexe

Comment nous avons tagué Google Fonts et créé des goofont.comApr 12, 2025 pm 12:02 PM

Goofonts est un projet parallèle signé par un développeur-femme et un concepteur-mari, tous deux de grands fans de typographie. Nous avons marqué Google

Articles de développement Web intemporelsApr 12, 2025 am 11:44 AM

Pavithra Kodmad a demandé aux gens des recommandations sur ce qu'ils pensaient être certains des articles les plus intemporels sur le développement Web qui ont changé

L'accord avec l'élément de sectionApr 12, 2025 am 11:39 AM

Deux articles ont publié exactement le même jour:

Pratiquez des requêtes GraphQL avec l'API de l'état de JavaScriptApr 12, 2025 am 11:33 AM

Apprendre à créer des API GraphQL peut être assez difficile. Mais vous pouvez apprendre à utiliser les API GraphQL en 10 minutes! Et il se trouve que je suis parfait

CMSS au niveau des composantsApr 12, 2025 am 11:09 AM

Lorsqu'un composant vit dans un environnement où les données interrogent les données qui vivent à proximité, il y a une ligne assez directe entre le composant visuel et le

Définissez le type sur un cercle ... avec chemin de décalageApr 12, 2025 am 11:00 AM

Ici, une rotation CSS légitime de Yuanchuan. Il y a ce chemin de décalage de la propriété CSS. Il était une fois, il s'appelait le chemin de mouvement, puis il a été renommé. je