- ベストアンサー
画像をCSSのurlを使って表示する方法
- ./gazou/background/bg005.gifをCSSのurlを使って表示する方法について調べています。
- ./basecss.cssにbackground-image :url("./gazou/background/bg005.gif");と記載してもうまくいかない問題が発生しています。
- カレントディレクトリが同じであり、他のフォルダにある画像ファイルは表示できているが、CSSのカレントディレクトリが./ではないのか調査しています。
- CSS
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
No1での補足 自分も見落としていましたが 階層を整理してみて root/gazou/background/bg005.gif・・(1) root/test/gazou/background/bg006.gif・・(2) root/basecss.css basecss.cssから見て指定で(2)は見れて(1)は見えない。 (1)と(2)は何が違いますか？ 指定するのはCSSから見たところになります。
その他の回答 (3)
- kon77
- ベストアンサー率70% (83/117)
質問者さんの書かれている通りにディレクトリ構造を再現し、CSSも同じように記述をしましたが正しく表示されました。何か別の要因があるのではないですか。 ■ HTML（index.html） <html> <head> <link rel="stylesheet" href="basecss.css"> </head> <body> テキスト </body> </html> ■ CSS（basecss.css） body{ background-image :url("./gazou/background/bg005.gif"); }
お礼
ありがとうございます。お忙しい中大変ありがとうございました。 お陰様で、うまくいきました。 やはりカレントデイレクトリを示す時は./ であっていますね。
- edomin7777
- ベストアンサー率40% (711/1750)
じゃあ、 background-image :url("../test/gazou/background/bg006.gif"); にしたら、どうなるの？ カレントディレクトリが「test」なの？
- wakatonsx
- ベストアンサー率28% (234/828)
よく見てください。 ディレクトリーの指定が間違ってます。 ./ 誤り ../正解
お礼
ありがとうございます。お忙しい中大変ありがとうございました。 ./ 誤り カレントデイレクトリを示す時は./ で../は一つ上のデイレクトリを示すのではなかったでしょうか？ 間違えていたらすいません。
お礼
ありがとうございます。お忙しい中大変ありがとうございました。 お陰様で、うまくいきました。 やはりカレントデイレクトリを示す時は./ であっていますね。