Q&A
developer tool を開いた際なにか表示はされていますか？
jumbotronを使用しトップ画像を挿入しようとしているが、画像が挿入できない（airbnb模写コーディング中）
下記は実際のコードです（下記に写真もあります）
----HTML----
<div class="jumbotron mb-5"> <div class="container"> <h1>ジャンボトロンの画面全幅の書式</h1> <p>「ジャンボトロン」とは、元はソニーが開発・製作していた大型映像表示装置の名称。<br>転じて英語圏では、大型表示ディスプレイを指す一般名詞としても使われている。</p> </div> </div>----CSS----
.jumbotron {
background-image: url("../img/top.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
何でも良いのでわかる方、ご教授願います。
developer toolには、何も表示されていません。
エラーメッセージの表示もありませんでした。
すいません。本件解決しました。
HTMLに下記が抜けていたのが原因でした。
<link rel="stylesheet" href="css/style.css">
>unhappychoiceさん
ありがとうございました。
回答1件
0
自己解決
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
<link rel="stylesheet" href="css/style.css"> ⬅︎抜けていた為、HTMLにCSSを適用（読み込み）ができていなかった。 <link rel="icon" href="img/airbnb.png">
〜
</head>投稿2020/09/13 07:05
総合スコア8
あなたの回答
tips
プレビュー
