10回のうち9回は次のように書きます。
background:url(../images/nameofimage.jpg);
ただし、構文が次の場合にのみ CSS が機能するという問題に遭遇しました。
background:url(images/nameofimage.jpg);
CSS で突然ピリオドとスラッシュを追加する必要が生じる前に、これに遭遇したことがあるとほぼ確信しています。
10回のうち9回は次のように書きます。
background:url(../images/nameofimage.jpg);
ただし、構文が次の場合にのみ CSS が機能するという問題に遭遇しました。
background:url(images/nameofimage.jpg);
CSS で突然ピリオドとスラッシュを追加する必要が生じる前に、これに遭遇したことがあるとほぼ確信しています。
次のようなディレクトリ構造があるとします。
~ Root
- Styles
* site.css
- Images
* nameofimage.jpg
background:url(images/nameofimage.jpg);
次に、検索し~/styles/images/nameofimage.jpg
てこのファイルが存在しないため、style.cssに書き込む
ことはできません。
書き込むときはbackground:url(../images/nameofimage.jpg);
、1 つのフォルダーに戻ってから検索するimages/nameofimage.jpg
ので、 file に移動します~images/nameofimage.jpg
。
を使用../
すると、フォルダを参照できます。
'../'
ディレクトリを上に移動することを意味します
これはbackground:url(../images/nameofimage.jpg);
、親ディレクトリの images ディレクトリを指していることを意味します。
これbackground:url(images/nameofimage.jpg);
は、同じフォルダー (css があるフォルダー) 内の images ディレクトリを指していることを意味します。