css - サブフォルダ内の画像へのCSSのリンク

Question

CSSファイルで使用する正しいパスがわかりません

    html { background-image: url('backgroundImage.jpg'); }

私のフォルダ構造は次のとおりです。

..\MySite\ <!-- HTML files here -->

..\MySite\css\

..\MySite\js\

..\MySite\images\ <!-- backgroundImage.jpg here -->

Answer 1

 html{ background-image: url('../images/backgroundImage.jpg'); }

../CSSファイルに1つのディレクトリに戻って、そのフォルダ（この場合はルートフォルダ）から画像を検索するように指示しています。

Answer 2

使用するhtml{ background-image: url('/images/backgroundImage.jpg'); }

で始まると/は、サイトのルートから始めることを意味します

Answer 3

かなり些細な質問です。インラインスタイル（HTMLファイル内のスタイル）を使用している場合は、以下で十分です。

html { 
    background-image: url('images/backgroundImage.jpg'); 
}

ただし、フォルダ内から画像を参照している場合は、最初に親フォルダに到達するためにトラバーサルをcss使用する必要があります。..

html { 
    background-image: url('../images/backgroundImage.jpg'); 
}