一、background-position
1.關鍵字定位
當使用關鍵字的時候，關鍵字的順序是無關的，即background-position: center top 和 background-postion: top center 是等價的。
2.百分百比或者具體的長度單位時
設置 background-position 的同時還需要設置 background-size ， 將單位都轉換爲 rem px em， 可以準確的顯示出圖標，不會出現對不準的情況。
當使用百分百定位時，百分百是相對於它的父元素來說的。
3.同時使用座標和關鍵字
在新的 CSS 語法中又多了一種用法，這種用法是相對於容器的邊，形式如下：
background-position: right 10px top 20px，這種語法表示背景距右邊 10px，距上邊 20px。
但是，這種寫法的兼容性並不好，很多瀏覽器還不支持。如果不考慮 IE8，可以採用這種方式。如果要考慮 IE8 的話，要麼給容器定寬，計算出具體的 x 和 y 的值，要麼，使用百分比來大約的定位。
二、background-size
這個屬性，是用來控制背景圖片尺寸的。它也有幾種用法：
1. 直接使用css單位如px,rem等，形如：background-size:10px 20px;第一個數值用來確定寬度，第二個值用來確定高度。
2. 使用百分比與使用單位類似，是以父元素爲基準。
3. 關鍵詞cover,background-size:cover;顧名思義，這個屬性會讓背景圖片完全覆蓋元素空間。我們可以這樣理解，將一張圖片等比例放大，直到這張圖片能夠完全將元素空間完全覆蓋時，就是此時cover定義的背景尺寸了。
4. 關鍵詞contain，background-size:contain;contain屬性與cover不同，仍然是等比例拉大背景圖片但是，contain屬性是在圖片的寬度或者高度其中之一和元素的寬度和高度一致時，此時的尺寸就是背景的尺寸也就是說，圖片會被放大到容器能夠完全顯示它的最大尺寸。