締切済み

画像表示がされません（スタイルシート）

2009/09/13 22:10

最近、趣味でＷＥＢページの製作を始めました。ページに画像を配置したいのですが、表示されません。スタイルシートで、ファイルのＨＥＡＤ部分に入れています。ＨＥＡＤ部分に入れている別のＣＳＳは反映されます。なので、画像貼り付けのＣＳＳの記述がいけないのかな、とおもいました。 .bgi{ position:absolute; top:50px; left:50px; background-image:url(C:\Documents and Settings\user\デスクトップ\ＨＴＭＬ\ＷＥＢ素材２\grape_c1-1.jpg); } ↑ これが、その部分のＣＳＳです。（Ｘ）ＨＴＭＬ部分です ↓ <body> <div class="bgi"></div> </body> 調べてみたのですが、どうしてもわからなくて質問させていただきました。

YunaMeredy
お礼率41% (86/209)

みんなの回答 （3）
専門家の回答

みんなの回答

panto-maim
ベストアンサー率89% (476/533)

2009/09/14 19:53 回答No.3

background-image:url();なんですが、これは、<div>内に何かデータがあり、その”背景”として（ページ全体としての背景ではなく一部分の背景として）画像を表示したかったのでしょうか？ <div>内に”背景”として画像を配置したい場合、画像の高さや幅を指定しておかないと、 ”背景にあたる部分に内容が無い”ということで画像が表示されないようです。参考 http://www.1uphp.com/con1/img/img.html （スタイルシート　background-image:url(画像); headに書く　の項目記述例は<div>要素の背景の場合） ※貴方がお使いのブラウザが何かわかりませんでしたが、私が使っているブラウザでは、ご質問の書き方を元に、class指定で確認してみましたが、画像は表示されました。（高さ・幅の指定が無かった場合は表示されませんでした。） <div class="bgi">画像の上に文章を載せる（画像加工で文章を書くのではなく）</div> のように、<div>内に文章などデータが入っている場合は、高さ・幅の指定が無くても画像は表示されました。

ログインすると、全ての回答が全文表示されます。

torayoshi
ベストアンサー率62% (910/1449)

2009/09/14 13:16 回答No.2

質問の構文はまるで背景のような書き方ですが、セレクタでブロック要素を指定してるところを見るとそうではないですね。 (背景ならbody要素全体に当てるべき) なので、単なる画像配置指定と見ました(背景なら別な書き方になる) ところがクラス指定したにもかかわらず、その要素に肝心の画像がありません。こう書くべきです。 .bgi{ position:absolute; top:50px; left:50px; } <body> <img src="画像URL" class="bgi"> </body> それから画像URLは絶対パスである必要はなく、画像を表示するhtmlファイルから見た場所の相対パスで良いんです。

質問者

お礼 2009/09/15 17:46

アドバイスありがとうございます。画像は、ＨＴＭＬのほうでも記述が必要なんですね。ＣＳＳのみで表示されるはずだと強固に思い込んでいました。

ログインすると、全ての回答が全文表示されます。

panto-maim
ベストアンサー率89% (476/533)

2009/09/14 00:52 回答No.1

自分のパソコンで作成している段階（まだサーバーにアップロードしていない段階）で既に表示されていないのでしょうか？ >background-image:url(C:\Documents and Settings\user\デスクトップ\ＨＴＭＬ\ＷＥＢ素材２\grape_c1-1.jpg); サーバーにアップロード後に表示されない、ということであれば、 C:\Documents and Settings\user\デスクトップ\ＨＴＭＬ\ＷＥＢ素材２～と『自分のパソコン内』にある画像を表示させようとしているので、表示されないのではないかと思います。（サーバー内ではC:\Documents and Settings\user\デスクトップ\ＨＴＭＬ～は通用しません。 web素材を保存してあるフォルダをサーバーでもサブフォルダとして使いたいのなら、フォルダ名に日本語は使わないほうがいいです。）

質問者