相対パス background-image(url) について

Question

①.html
②CSSフォルダ/style.css
③imgフォルダ/PCフォルダ/pc.jpg

background-image: url();を使って画像表示させたいです。
この場合、CSSファイルから見たパスを指定する必要があるとのことでしたが、styles.cssから一つ上の階層にある CSSフォルダに戻り（../）、CSS フォルダと同階層にあるimgフォルダ内にあるPCフォルダに入っているpc.jpgを指定する場合、相対パスはどうなるのでしょうか？

Comments

[K_3578]

階層関係がよく分からないのでスクショするなり書くなりして貰えれば。
https://webliker.info/78726/#toc_7
相対パスに関してはこの記事は参考になりそうです。

[ggg.nn]

ご返信ありがとうございます。
画像を添付いたしました。

Answer 1

追記:style.cssの位置を見間違えていたので修正しました。

background-imageがどの部分の背景画像か書いてないので仮にdivとします。

div {
	background-image:url("../img/pc/pc.jpg");
}

だと思いますがどうでしょうか。

Comments

[ggg.nn]

ありがとうございます！解決致しました！

Answer 2

まず、絶対パスと相対パスをご存知でしょうか。
絶対パス　→　目的となる場所を、動かない情報で示す。
相対パス　→　目的となる場所を、現在いる位置に対して示す。

つまり現在いる位置がわかれば、あとはそこからたどるだけです。
../という記述は今いるディレクトリから上の階層に遡るために使用しますが、
今回style.cssから参照しているとすれば、親ディレクトリにたどってから、ダイレクトにパスを書いていくだけでいけます。この際、style.cssのあるディレクトリは考える必要ありません。

background-image('../img/PC/pc.jpg')

もし、jQueryをご存知ならば、子階層や親階層のやりとりでピンとくるのでは。