Q&A
コードはマークダウンのcode機能を利用してご提示ください。
また、それぞれのファイルの位置関係のわかる情報(フォルダ構造)などもあわせてご提示ください
背景画像の操作について勉強しているのですが画像が表示されず前に進めません。コードは以下のように書いてます。
HTML
1<!DOCTYPE html> 2 3<html lang="ja"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>CSS</title> 7 <link rel="stylesheet" type="text/css" href="style.css"> 8 </head> 9 <body> 10 11<div class="box"></div> 12 13 </body> 14 </html>
CSS
1.box{background-color: #e4e4e4; background-image: url('space.jpeg'); background-repeat: no-repeat;} 2.scroll{background-attachment: scroll;} 3.fixed{background-attachment: fixed;} 4.local{background-attachment: local;}
そちらはちょっとよくわからないので調べてる途中です
ありがとうございます！
回答2件
0
style.cssとspace.jpegは同階層にあるという認識でいいですか？
<div class="box"></div>の中身がないので高さが必要かもしれません。
<div class="box">何か中身を入れてみる</div>とかCSSでheight指定すればおそらく表示されます。
それでも表示されない場合はCSSと画像のファイルのディレクトリ構造を提示してください。
正しいパス指定になっていないかもしれません。
あと、過去の質問で誰も突っ込んでいないようなのですがDOCTYPE宣言間違ってます。
<!docktype html>→<!DOCTYPE html>です。
投稿2020/02/05 04:33
総合スコア3235
0
ベストアンサー
その画像が
0. 存在しない、または画像名が間違っている
0. CSSファイルと同じ階層にない
0. ファイルが破損している
のいずれか
または
4.DIV内に何もなく縦も横も指定がないので表示させたいエリアのそもそも広さが必要
とか。
投稿2020/02/05 04:27
編集2020/02/05 04:37総合スコア80850
どれも当てはまらないようです、、、
何をどう確認したうえで「当てはまらない」と言っているのか分からないので、何とも言えません。次のアドバイスが不要であるというのでしたらそのコメントで良いのですけど。
結局どのように解決とされたのでしょう。
https://teratail.com/help/question-tips#questionTips4-2
無言のまま解決済みとだけされても誰にも顛末は伝わりませんし
同じような問題を抱えた誰かが見たときに何の参考にもなりません。
ファイルが破損してましたご迷惑おかけしました。。ありがとうございます！
はい。画像に関しては挙げた４つ以外ありえません。
ちゃんと確認しましょう。
あなたの回答
tips
プレビュー
