ほんと序盤で躓いてしまったんですけど、最背面に画像を表示するために <div style="background: url(backgrounds_001.jpg);"> これを使ったのですが実行しても表示されないのでなんでかなあと考えておりました。パスの指定の仕方がおかしいのですかね?
わかる方よろしくお願いします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8"/>
<title>PAGE1</title>
</head>
<body>
<div style="background: url(backgrounds_001.jpg);">
<p> </p>
</div>
<center><h1>My Web Page</h1></center>
</body>
<html>
No.2
- 回答日時:
yossyssoyさん
>・・・・パスの指定の仕方がおかしいのですかね・・・・・・・・・・
このページファイルとbackgrounds_001.jpgが同じフォルダにあれば正しいがそうでなければ間違い。
ご参考に↓
https://kurage.ready.jp/jhp_g/syoho/syoho3.html
http://lab.agr.hokudai.ac.jp/useful/utile/Path_U …
No.3
- 回答日時:
>パスの指定の仕方がおかしいのですかね?
画像が指定のパスになければならないのはもちろんですが、background-imageの場合は、urlの()内のパスはクォーテーションでくくる必要があったように思います。
https://developer.mozilla.org/ja/docs/Web/CSS/ba …
No.4ベストアンサー
- 回答日時:
原因は色々想定できるので、
HTML内の別途の場所に追記したり、試せば良いのです。
例えば、
<body>にも同じ指定をしてみる
<body style="background: url(backgrounds_001.jpg);">
これで表示されないのなら、
画像パスのミスをしていますので、
画像ディレクトリを確認し、パスを正しく書き換えるか、
そのHTMLファイルと同じディレクトリに、その画像を配置する事。
また、
そのdiv内が空っぽの場合とか、floatをクリアしていない場合、
そのdivの高さが保てない場合には、背景画像が全面に表示されません!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグで画像の繰り返し使用は…
-
同じ画像 複数回使用
-
lightbox2で画像を天地左右中央...
-
WEB上でディレクトリ内の画像を...
-
背景画像をリピートさせない方...
-
gif画像でたまに背景がグレーに...
-
CSS マウスオーバーでテキスト...
-
CSSでの動画のマスク処理
-
フッターの背景に色を指定した...
-
LightBoxの矢印の出し方
-
ひとつの画像をWEBで異なる小さ...
-
before疑似要素で画像を指定し...
-
背景画像の上に透過GIF背景...
-
<hr>の縦バージョンはありますか?
-
htmlタグで画像を背景に敷き詰...
-
【至急お助け!】チェックボッ...
-
サファリで背景画像が1ピクセ...
-
下記サイトのトップ画像はどの...
-
【Webサイト】画像が小さく表示...
-
画像で背景透明のテキストがに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報