css背景圖

css3的背景屬性

background-size 屬性規定背景圖片的尺寸。(可以以像素或百分比規定尺寸）
background-origin 屬性規定背景圖片的定位區域。
背景圖片可以放置於 content-box、padding-box 或 border-box 區域。
CSS3 允許爲元素使用多個背景圖像。（background後根多個url 逗號隔開）

一點小的經驗

在寫頁面的時候遇到了並沒有覆蓋整張頁面的背景圖，嘗試了兩種方法：

• 將背景圖用img插入，可以實現自適應，但是重疊在圖上的代碼需要用定位實現，父元素相對定位（relative）子元素絕對定位（absolute），相對定位元素要設置高，要不然會出現滾動條。
• 將背景圖作爲背景圖插入，寬度可以使用background-size實現自適應。

{
        width: 100%;
        height: 100%;
        background: url(../../images/message-img/background.png) no-repeat;
        background-size: 100% 100%;
 }