作業ノート

様々なまとめ、雑感など

css用のファイルで画像のURLを指定するときの注意点

list-style-imageなどでurl指定する際、相対パスで記述するとその記述をしたcssファイルのディレクトリがベースになる。

cssファイルをincludeするファイル(例えば、index.html)のあるディレクトリがベースにならないので、注意。

index.html
css/foo.css
image/bar.png

// css/foo.css
li { list-style-image: url('../image/bar.png'); }