###前提・実現したいこと
以下のサイトを参考に、HTMLとCSSを使って画像の背景をブラウザいっぱいに表示するコードを書いています。
###発生している問題・エラーメッセージ
画像が表示されず、背景画像が読み込まれる前に表示される背景のカラーとbody部分の「コンテンツ」という文字が表示されるだけです。
###該当のソースコード
HTML/CSS
1<!doctype html> 2<html> 3<style> 4body { 5 /* 画像ファイルの指定 */ 6 background-image: url(backgroud.png); 7 8 /* 画像を常に天地左右の中央に配置 */ 9 background-position: center center; 10 11 /* 画像をタイル状に繰り返し表示しない */ 12 background-repeat: no-repeat; 13 14 /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ 15 background-attachment: fixed; 16 17 /* 表示するコンテナの大きさに基づいて、背景画像を調整 */ 18 background-size: cover; 19 20 /* 背景画像が読み込まれる前に表示される背景のカラー */ 21 background-color: #BCBDC2; 22} 23</style> 24 25<body> 26 コンテンツ 27</body> 28</html> 29
backgroud.png が background.png のtypoだった、とかいう話ではないですよね? 当方で試したところ、背景画像が表示されました。
かしこまりました。再度チェックします。
回答1件
あなたの回答
tips
プレビュー