画像と CSS ファイルが異なるディレクトリにある場合、CSS で背景画像のパスを指定するにはどうすればよいですか?

CSS で背景画像のパスを指定する

CSS で要素に背景画像を割り当てるには、画像ファイルへのパスを指定する必要があります。ただし、CSS ファイルと画像が異なるディレクトリに存在する場合、正しいパスを見つけるのは難しい場合があります。

質問:

CSS ファイルが存在するプロジェクトでは場所:

Project/Web/Support/Styles/file.css

画像は保存されますat:

Project/Web/images/image.png

CSS ファイルで画像へのパスを正しく指定するにはどうすればよいですか?

回答:

正しいパスを判断するにはパスについては、ディレクトリ構造を理解することが重要です。 CSS ファイルは画像ファイルより 2 レベル深いため、(「..」を 2 回使用して) 2 レベル上に移動すると、共通の親ディレクトリに移動します:

Project/Web

したがって、画像への正しいパスになります。 CSS ファイル内は次のとおりです:

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

このパスは「..」を使用して 2 レベル上に移動し、「images」フォルダーが配置されている親ディレクトリに到達します。次に、ファイル名「image.png」を指定します。

以上が画像と CSS ファイルが異なるディレクトリにある場合、CSS で背景画像のパスを指定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。