背景画像がロードされていない

Question

私はhtml/cssを初めて使用しているため、背景画像が表示されない理由を理解できません。これはシンプルなテスト用のCSSシートとHTMLコードの一部です。私は背景画像を追加しようとしています。これを一度やったことがありましたが、それはうまくいきました。なぜ今は動作しないのかわかりません。背景画像のための

.timeline{ 
    width: 100%; 
    height: 400px; 
    display: inline-flex; 
    background-image:url("img/back.jpg"); 
} 

Answer 1

あなたの構文は、あなたが繰り返しのためbackground-repeat: repeat;を使用する必要が

間違っています。ここにdocがありますbackground-image

.timeline{ 
    width: 100%; 
    height: 400px; 
    display: inline-flex; 
    background-image:url("img/back.jpg"); 
    background-repeat: repeat; 
} 

Answer 2

あなたのルールは間違っています。 background-image,background-positionなどのルールを設定しようとしていますが、ルール名はbackground-imageです。代わりにbackground-image

Answer 3

の

使うbackgroundはこの作品

display:flex;

Answer 4

このコードにこのコード

display:inline-flex;

を交換してください。あなたのファイルのパスをasumingは正しいです。

.timeline{ 
width: 100%; 
height: 400px; 
display: inline-flex; 

背景画像：URL（IMG/back.jpg）。}

Answer 5

.timeline{ 
    width: 100%; 
    height: 400px; 
    display: inline-flex; 
    background-image:url("./img/back.jpg"); 

}