.slide{
background: 50% 50%/cover;
}
は何をしますか？背景：50％50％/カバー;どういう意味ですか？
私が知っている背景の構文は50% 50%/coverあり、私のコードでこの http://www.w3schools.com/css/css_background.asp
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
しかし、なぜ似ているのですか？
A.background-position:50% 50%
あるbackground-positionこれらの値position(left/right/center top/center/bottom) |x% y%|xpos ypos|initial|inherit;
background-position:50% 50%を
を意味している最初の値は水平位置であり2番目の値は垂直です。左上隅は0％0％です。右下隅は100％100％です。 1つの値のみを指定すると、もう一方の値は50％になります。 。デフォルト値は次のとおりです。0％0％
ここで読むよりbackground-position
B.background-size:cover
はbackground-sizeプロパティは、これらの値にbackground-size: auto|length|cover|contain|initial|inherit;
background-size:coverを持つことができ、これを行います。
バックグラウンド領域がバックグラウンドイメージで完全に覆われるように、バックグラウンドイメージを可能な限り大きくスケーリングします。背景画像のいくつかの部分は、背景配置領域内のビューに
ではないかもしれないので、あなたのコードの中で、ここでbackground-size
を参照してください。
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
right topはbackground-positionそう50% 50%意志であります彼らの場所にいる。それは価値があなただけの
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-color:#fff;
}
body {
background: url("img_tree.png") no-repeat 50% 50%/cover #ffffff ;
}
のように書く2つのコードを結合する場合auto
されますので、 はまた、あなたはbackground-size設定されていません。
これは、背景：位置/サイズを意味します。
これはあなたが背景プロパティ
、第1および第2の値についての詳細な情報を見つけることができますhelpful linkでは、要素の背景位置です。そして第二の "カバー" は、要素の背景サイズ