- ベストアンサー
HTMLで背景画像を設定する方法は？
- HTMLの背景に画像を設定する方法を教えてください。
- background-imageプロパティを使用してHTMLの背景に画像を設定したいのですが、うまくいきません。
- 背景画像のURLをどのように指定すればよいのか分かりません。ご教示お願いいたします。
- ホームページ作成ソフト
- 回答数2
- ありがとう数5
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>今しがた試してみましたがうまくいきませんでした。 >他に何か原因としてかんがえられることはありませんでしょうか？ ソース全体の記述がどうなのか、また、参考になさっている本が具体的にどう書いてあるのか、 わかりませんので外しているかもしれませんが。。。。 ソース自体は正しく書かれているのに表示されないとなれば、 原因として考えられることは、 １．画像そのものがアップロードされていない（※web上で表示確認する場合） ２．画像の保存場所がHTMLファイルと同じフォルダ（ディレクトリ）内ではない ３．image.jpegということだが、実際のファイル名は拡張子部分も含めてそれとは異なっていた >image.jpegと入れるのは間違いのような気がしていますが、 なぜ「間違い」だと思うのでしょうか？ 画像ファイル形式が何なのか（jpgなのかgifなのかpngなのか）書いていなかったのですが、 jpg形式じゃないのにhtmlにimage.jpegと記述するのは確かに間違いになるし、画像も表示されません。 >画像をサイトからダウンロードして画像の名前をimageにしたのですが、 >（ ）のなかはimageだけでよいということでしょうか？ もしかしたら、貴方がお使いのパソコンでは拡張子が表示されない設定になっているのでしょうか？ お使いのパソコンで拡張子を表示しない設定になっているのでしたら、 ファイル名をimageだけ（拡張子表記無し）にしても、 自分のパソコン内では通じるかもしれませんが、 webサーバー上では拡張子部分も含めて同じファイル名にしないと通じません。 スペルは同じでも大文字小文字が異なっているだけでも表示されないので、 ホームページを作成するのでしたら、ファイル名は「拡張子を表示させて、スペル・大文字小文字も含めて統一」したほうがよいと思います。 まずは、表示させたい画像を 拡張子を表示させた状態でファイル名がどうなのか確認してみてください。 例えば、 jpg形式で、image.jpegではなくてimage.jpgだったのなら、htmlでの記述もimage.jpgとします。 画像を表示させたいページファイルと同じフォルダに画像が保存されているのであれば、 url(image.jpg)のようになります。 それでも上手く表示されないのであれば、 全体的に見てどこかの部分に何らかの間違いがあるのではないかと思います。
その他の回答 (1)
- szk9998
- ベストアンサー率45% (1026/2241)
>背景の住所 間違いではないのですけどね・・・ せめて、アドレスとかＵＲＬとか言いましょう。検索にも引っかからないですよ。 その画像ファイルが、HTMLファイルと同じディレクトリにあるのでしたら、ファイル名だけでＯＫです。 URLの表記の方法には文法があります。覚えておかないとダメな基本です。参考にしてください。 http://www.kanzaki.com/docs/html/htminfo-uri.html また、bodyの書き方ですが、styleタグを使用して書くのが今風です。 css（←知らなければ調べてください）との関連でも覚えておいた方がいいです。 例 <body style="border:1px solid red; background-image:url('image.jpeg')"> 幅1pxの赤いボーダーの枠が出ます。
補足
返信ありがとうございます。回答からいえるのは（ ）のなかはimageだけでよいということでしょうか？ 今しがた試してみましたがうまくいきませんでした。他に何か原因としてかんがえられることはありませんでしょうか？よろしくお願いします。
お礼
ご丁寧な回答ありがとうございました。これから試してみます。 また回答が遅れすいませんでした。