背景画像がCSSコードで表示されない

Question

ブラウザに期待どおりに表示されない画像があります。 このエラーを解決するにはどうすればよいですか？ 私は次のコードを持っていますが、私がしたいことをしていないようです。

html { 
 
    background-image: url(demo.jpg) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -0-background-size: cover; 
 
    background-size: cover; 
 
}

Answer 1

さて、あなたの間違いはbackground-imageが複数の値を持っているということです。 background-imageには、URLのみを含めることができます！ backgroundに複数の値を含めることができます。 backgroundに複数の値を使用するか、すべての背景プロパティを指定します。

だから、これは正しいはずです：まず

html { 
 
    background: url(https://s-media-cache-ak0.pinimg.com/originals/70/69/52/706952eab7649280a7bd679aed184b98.gif) no-repeat center center fixed; 
 
    background-size: cover; 
 
}

Answer 2

はあなたのイメージのパスが正しい場合、それは動作するはずですあなたのImage Pathurl(demo.jpg)

にチェックする必要があります。

および変更

-0-background-size 

-o-background-size 

に

html { 
 
    background: url(https://s-media-cache-ak0.pinimg.com/originals/3d/0c/0b/3d0c0ba69a64eb7105688e9ca5cddab5.jpg) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
}