- ベストアンサー
CSSで背景画像を設定する
<html> <head> <title>--------</title> <style type="text/css"> body{background-image:url(image/-----.jpg)} </style> </head> ～～～ 画像を設定しましたが別のファイルではこの設定で表示できましたがこのファイルでは背景画像が設定できません。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
bodyの中の内容によってはbodyの高さが小さすぎて見えないのではないでしょうか。 確認のためbodyにheight:1000px;のように指定をしてみてください。 記述ミスとして、}の後にセミコロンが抜けています。
その他の回答 (3)
- goldfox
- ベストアンサー率49% (123/249)
＞背景などの画像ファイルは全部一括した場所に保存しているのでパスは間違っていないと思います。 実際に、確認された上での発言ですか？ 背景が表示されないページに<img src="image/-----.jpg">と書いて背景画像が画像として表示されますか？ ×印になりませんか？ たったこれだけでパスがあっているかどうか、確実に確認できるのですから、「～と思います。」などと言っていないでやりましょう。
補足
もちろんです。 いろんなサイトのＣＳＳタグ表示を記述していきましたら、いろんな表示の方法があり、それぞれ記述していきました。 結局ピクセルの問題だったようです。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
そのページのURL・・・たとえば file:///D:/homepage/test.html なら、 ^^^^^^^^^^を書き換えて file:///D:/homepage/image/-----.jpg で画像が表示されますか？ たぶん表示されない。なぜならパスが違うから・・・
補足
背景などの画像ファイルは全部一括した場所に保存しているのでパスは間違っていないと思います。サイトから拾ったフリー素材ですが画像を保存している場所の指定記述でよいのであれば相対パスですよね？この方法で一つは指定できていますから。
記述方法としては正しいのですが、背景画像に指定した画像本体の縦横の大きさはどう成ってますか？ 真逆body内に記述したコンテンツ自体の縦横の大きさを越えるサイズだったら反映はしないでしょう。 此の記述では「繰り返し、固定無し」と見做されてるからです。 </body><html>迄の記述内容が知りたいですね。 LINK先は割愛しても構いませんが。 ソレかHTMLを設定したディレクトリが「image/」を参照出来無いディレクトリに置いてる可能性も在ります。 パスの記述が間違ってる場合も在りますので、パスの参照先の変更で正常に表示するかも？
補足
背景画像は200×154で画像の固定設定は行っていません。body内のコンテンツ自体の縦横の大きさというのはどこにあたるのか、わかりませんがＰＣ内に表示できるサイズです。背景画像は非常に小さいものがたくさん連コマのように表示しています。コンテンツに使用している画像は携帯電話で撮影した200×400のものを使用して普通に表示しています。
補足
申し訳ありません。 記載事項ができませんがとりあえずheight="1000px"を設定してみましたが何の変化もありません。bodyの高さが小さいという意味がわかりません。