ホームページ > ウェブフロントエンド > CSSチュートリアル > HTML の上位ディレクトリから画像を参照するにはどうすればよいですか?

HTML の上位ディレクトリから画像を参照するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-10 17:04:17
オリジナル
474 人が閲覧しました

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

HTML の上位ディレクトリから画像を参照する

Web 開発では、主催者がスタイル シートと画像を別のディレクトリに保存することがよくあります。スタイルシート内の別のディレクトリから画像を参照するには、パスを変更する必要があります。 HTML で URL のソース パスのレベルを 1 つ上げる方法は次のとおりです。

ディレクトリ構造で 1 レベル上がるには、二重ドット文字 (..) を使用できます。この表記は親ディレクトリを示します。たとえば、スタイル シートをディレクトリ "/styles" に保存し、画像をディレクトリ "/images" に保存するとします。 「/styles」ディレクトリにあるスタイルシート内の「/images」ディレクトリから画像を参照するには、次のパスを使用します:

background-image: url('../images/bg.png');
ログイン後にコピー

この例では、「..」表記です。パス内の はディレクトリ構造の 1 レベル上にあり、スタイル シートが「/images」ディレクトリ内の指定された画像にアクセスできるようになります。

以上がHTML の上位ディレクトリから画像を参照するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート