.slide{
background: 50% 50%/cover;
}
我知道背景的語法是這樣的 http://www.w3schools.com/css/css_background.asp
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
但是，爲什麼在我的代碼有50% 50%/cover？
A.background-position:50% 50%
background-position的背景大小已這些值position(left/right/center top/center/bottom) |x% y%|xpos ypos|initial|inherit;
background-position:50% 50%裝置
第一個值是在水平位置和第二個值是垂直。左上角是0％0％。右下角是100％100％。如果您只指定一個值，另一個值將爲50％。 。默認值爲：0％0％
閱讀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%會在他們的位置。 你也沒有background-size一套所以它的價值auto
，如果你想在兩個代碼結合只是這樣寫
body {
background: url("img_tree.png") no-repeat 50% 50%/cover #ffffff ;
}
換算成
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-color:#fff;
}
這意味着：background：position/size。
這是一個helpful link在這裏你可以找到有關背景屬性
第一和第二值的詳細信息，對元素的背景位置。和第二 「蓋」 是元素