- ベストアンサー
バックグランドイメージが表示できません
<body id="top"> </body> css-------- body#top { background-image: url("images/background.gif"); } 上記のように書いたのでは、背景にイメージ表示できません。 使い方が間違っているのだと思うのですが、どのようにしたらいいのでしょう？何方かお分かりになる方、教えていただけませんか？おねがいします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
> <body id="top"> > </body> > css-------- > body#top { > background-image: url("images/background.gif"); > } CSSファイルは、HTMLファイル内から<link rel="stylesheet" href="CSSファイルのパス" type="text/css" media="all" />という様に参照しているのですよね？以下はその前提で。 HTML、CSSの内容が上記の通りであれば、bodyのidの属性値とCSSでのセレクタも一致してますし、指定の仕方などに間違いはみられません。 原因として考えられるのは、 【A】HTMLファイルから参照するCSSファイルのパスが間違っている 【B】CSSファイルから参照するbackground.gifのパスが間違っている のいずれかの様に推測されます。 【A】であれば、bodyの背景画像のみならず、CSSファイル内での指定が全て反映されませんのですぐわかると思いますが。 【B】の場合は、background-imageプロパティで指定しているbackground.gifのパスが、「そのCSSファイルから見た相対位置」になっているか確認してみて下さい。この指定が正しいのであれば、background.gifは、CSSファイルと同階層にあるiamgesディレクトリの直下に置かれていなければなりません。
その他の回答 (1)
基本的な書き方が間違っているような……。 とりあえずサンプル作ってみました。 私もすっかり忘れてしまっているので適当なんですが。 <html> <head> <title>sample</title> <style TYPE="text/css"> <!-- BODY { background: url("***.gif") } --> </style> </head> <body> サンプル </body> </html>
お礼
ありがとうございます。 参考にさせていただきます。 また、お礼の言葉が遅れて申し訳あります。
お礼
ありがとうございます。 やはり、ご指摘のようにパスが間違っておりました。 大変ご迷惑をおかけいたしました。 また、ご指摘ありがとうございます。