背景画像がHTMLで私にとってうまくいかないのはなぜですか？

Question

私は自分のコードにそれらを割り当てるときにいくつかの背景画像が私のために読み込まれない理由について疑問に思ってきました。私はおそらく何か間違ったことを書いている可能性がありますが、私は私の視界に背景画像を実装するあらゆる方法について試したように感じています。私はunsplash.comここから画像を使用しようとしている背景画像を試してみて、取得するために私の現在のCSSです：あなたが適用urlが有効でない

html { 
background-image: url(https://unsplash.com/search/peacock?photo=lssS7acGDls); 
background-repeat: no-repeat; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

Answer 1

。画像はありません。あなたが応募しているURLはhtmlページです。それを右クリックし、[背景画像を表示]をクリックして画像に移動します。

html{ 
 
    background-image: url('https://images.unsplash.com/photo-1454551434781-2e5c58959f85?dpr=1&auto=format&fit=crop&w=1500&h=998&q=80&cs=tinysrgb&crop='); 
 
    background-repeat: no-repeat; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
}

Answer 2

あなたのURLのパスを確認してください。 以下の使用例。

background-image: url(http://www.alternativenation.net/wp-content/uploads/2016/04/nirvana93.jpg); 
background-repeat: no-repeat; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

Working JSBin

Answer 3

あなたのリンクが間違って見えます。イメージに移動し、右クリックしてイメージリンクをコピーを選択します。 背景イメージのURL（）識別子には引用符 ""を使用してください。

background-image: url("http://www.exemple.xyz/bck.png"); 

Answer 4

受け入れのためGrovelingと物乞い背景

https://images.unsplash.com/photo-1454551434781-2e5c58959f85?dpr=1&auto=format&fit=crop&w=1500&h=998&q=80&cs=tinysrgb&crop=