外部スタールシートを使用する場合、背景画像ファイルの相対URL指定がCSS文書基準ではなく、HTML文書基準になる。
例
- ルートディレクトリ
-
- css
-
- CSS文書(style.css)
- img
-
- 画像ファイル(bg.jpg)
-
- HTML文書(index.html)
上のような場合の例
本来はstyle.css
background-image: url(../img/bg.jpg)
になるはずですが、次のようになります。
background-image: url(img/bg.jpg)
対象ブラウザ
Netscape4
回避方法
(1)CSS文書をHTML文書と同じ階層に置く。
(2)画像の指定を絶対表記にする。
この場合、下のようにします。
background-image: url(/img/bg.jpg)
または
background-image: url(http://kikky.net/pc/img/bg.jpg)
関連プロパティ
background背景に関する指定をまとめて行う
background-image背景画像を指定する
主要ブラウザに非対応
