CSS で一貫した背景画像のパスを指定するにはどうすればよいですか?

CSS 内の一貫した背景画像パス

CSS と画像ファイルが異なるディレクトリに存在する場合、背景画像のパスの指定は難しい場合があります。この記事では、CSS ファイルが Project/Web/Support/Styles/file.css にあり、画像が Project/Web/images/image.png にある場合に直面する一般的な問題について説明します。

問題ステートメント:

さまざまなパス (/images/image.png、../images/image.png など) を使用して画像を参照しようとしても、画像は意図した CSS で表示されません。 file.

解決策:

パスを正しく指定するには、CSS でのディレクトリ ナビゲーションを理解することが重要です。 ../ 構文は、1 つ上のディレクトリ レベルに移動します。この場合、CSS は Project/Web/Support/Styles にあり、正しいパスは次のとおりです。

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

この構文は、file.css (../../) からディレクトリ構造を 2 つ上に移動します。 ) 画像フォルダーと image.png が存在する Web ディレクトリにアクセスします。

以上がCSS で一貫した背景画像のパスを指定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。