【2019年11月15日】

相対パスについてもう一つ。

CSSを別ファイルで定義している場合のお話。
例えばサイトの背景に画像を使用するとした場合、その画像のパスを指定する必要がある。

たとえばこんな感じ。

body {
    background-image:url('../image/back.gif');
}

このように相対パスで指定する場合、基準はどこになるのだろうか。

これが実はそのCSSファイル自体となる。
たとえばディレクトリ階層が、

public_html
  ∟css/
    ∟common.css
  ∟images/
  ∟index.php

という感じで、index.phpのヘッダで、



というようにCSSファイルを参照しているとして、
common.cssで、imagesディレクトリ内の画像を指定する場合、
common.cssを基準とするので、

body {
    background-image:url('../image/back.gif');
}

となる。
index.phpを基準として./images/back.gifとはならないのでご注意を。