画像をCSSのurlを使って表示する方法

解決済

質問者：daikunnbouzu
質問日時：2012/01/01 17:07
回答数：4件

./gazou/background/bg005.gifこちらに画像ファイルがあるのですが、この画像をCSSのurlを使って表示するときどのように指定すればよいのでしょうか？

./basecss.cssに background-image :url("./gazou/background/bg005.gif");と記載してもうまくいきません。

カレントデイレクトリはすべて同じデイレクトリです。

CSSもカレントデイレクトリは./ではないのでしょうか？ほかのフォルダにある画像ファイルは問題なく表示されます。
{background-image:url("../test/gazou/background/bg006.gif");
上記はうまくいく。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

No.1

回答者： wakatonsx
回答日時：2012/01/01 17:17

よく見てください。

ディレクトリーの指定が間違ってます。

./ 誤り
../正解

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。お忙しい中大変ありがとうございました。

./ 誤り
カレントデイレクトリを示す時は./ で../は一つ上のデイレクトリを示すのではなかったでしょうか？

間違えていたらすいません。

通報する

お礼日時：2012/01/01 18:10

No.2

回答者： edomin7777
回答日時：2012/01/01 17:57

じゃあ、

background-image :url("../test/gazou/background/bg006.gif");

にしたら、どうなるの？

カレントディレクトリが「test」なの？

- 0
- 件

通報する

No.3

回答者： kon77
回答日時：2012/01/01 19:00

質問者さんの書かれている通りにディレクトリ構造を再現し、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");
}

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。お忙しい中大変ありがとうございました。

お陰様で、うまくいきました。
やはりカレントデイレクトリを示す時は./ であっていますね。

通報する

お礼日時：2012/01/01 19:59

No.4ベストアンサー

回答者： wakatonsx
回答日時：2012/01/01 19:01

No1での補足

自分も見落としていましたが
階層を整理してみて
root/gazou/background/bg005.gif・・(1)
root/test/gazou/background/bg006.gif・・(2)
root/basecss.css

basecss.cssから見て指定で(2)は見れて(1)は見えない。

(1)と(2)は何が違いますか？

指定するのはCSSから見たところになります。