CSS背景プロパティはどのように使用しますか？

Question

何とか私の体のための私のCSSをだ、まだ、それはイメージをロードしませんが、

body { 
    background: #fff url("milkshakeonthewindowsill.jpg") cover no-repeat fixed; 
} 

、

body { 
    background-color: #fff; 
    background-image: url("milkshakeonthewindowsill.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
} 

このコードはありません。何が欠けているのか、間違っているのですか？速記プロパティを使用している場合

Answer 1

私の経験では、サイズcoverは別途追加する必要があります。

body { 
    background: url("milkshakeonthewindowsill.jpg") no-repeat fixed; 
    background-size: cover; 
} 

Answer 2

プロパティ値の順序は次のとおりです。プロパティ値のいずれかが欠落している場合

background-color 
background-image 
background-repeat 
background-attachment 
background-position 

それは限り、他のものは、この順序であるとして、問題ではありません。

background: #fff url("milkshakeonthewindowsill.jpg") cover no-repeat fixed; 

あなたは速記構文でサポートされていない背景サイズの使用を作っているし、それは上記のように動作するという順序でなければなりません。だから、正しい構文は次のようになります。

background: #fff url("milkshakeonthewindowsill.jpg") no-repeat fixed; 
background-size:cover; 

Answer 3

背景サイズのカバーを別途追加する必要があります。

body { 
    background: #fff url("milkshakeonthewindowsill.jpg") no-repeat fixed; 
    background-size: cover; 
}