CSSからの画像の読み込みができない

Question

CSSからの画像の取り込みができません。
添付でキャプチャを添付致します。
ご教授のほど宜しくお願い致します。

Answer 1

パスが間違っています。

background-image: url('../image/magic.jpg');

でどうでしょうか。

クラスを指定しているhtmlタグがインライン要素でしたら

.gameboard {
  display: block;
  ~略~
  background-image: url('../image/magic.jpg');
}

を試してみてください。

index.htmlから読み込むcssのパスも再度確認してみてください。

パスの指定方法については下記などを参照してもらえればと思います。
http://www.shoshinsha.com/hp/1hour/know/pass.html

Comments

[kyasubaru7045]

okemoriさま
フォルダ位置を修正したところ解決致しました。有難うございました。

Answer 2

../image/ では？
それかimageフォルダをHTMLと同じ場所に移動するか。

Comments

[kyasubaru7045]

ご回答ありがとうございます。
同階層にて読み込ませる事は可能ですが、イメージは別フォルダにて管理をしていく予定です。
../image/　こちらも試しておりましたが読み込みはできませんでした。
引き続き宜しくお願い致します。

[makoto-n]

そうですね、、。
../にしないと上の階層にいかないです。
./は同じ階層です、/だけなのと同じ意味です。

[kei344]

通常 public_html 以下に配置したファイルしかHTTPでアクセスできないと思いますが、名前だけ public_html とされてローカルで確認されているのでしょうか？

[kyasubaru7045]

kei344
>通常 public_html 以下に配置したファイルしかHTTPでアクセスできないと思いますが
ネットビーンズでの開発は初だった為、上記の認識が全くありませんでした。
imageフォルダをHTMLと同じ場所に移動することにより解決致しました。有難うございます。