BinaryDevelop
  1. ホーム
  2. html

[解決済み] htmlのdivの背景画像が表示されない

2022-02-28 23:42:12

質問

ウェブページを制作しているのですが（もちろん初心者です）、背景画像がdivに表示されないのです。background-imageとbackgroundの両方を試してみましたが、両方ともうまくいきません...以下はそのコードです。

どなたか助けていただけると助かります! 

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
body {background-color:gray;}
</style>
  </head>
<body>
  <div style="background-image: url('/ximages/websiteheader1.png');height:200px;width:1200px;">
  </div>
</body>
</html>

解決方法は？

cssをインラインスコープから移動することをお勧めします。 .pngファイルが実際に存在すると仮定して、背景サイズとrepeatタグを設定してみてください。 

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
body {background-color:gray;}
#mydiv {
   background-image: url('/ximages/websiteheader1.png');
   background-repeat:no-repeat;
   background-size:contain;
   height:200px;width:1200px;
}
</style>
  </head>
<body>
  <div id="mydiv">
  </div>
</body>
</html>

うまくいかない場合は、ブラウザの開発者ツールでレスポンスコードを確認し、urlが正しいかどうか確認してみてください。

お役に立てれば幸いです。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します