CSS3 background-size 屬性值：cover

規定背景圖像的尺寸：

background-size 屬性規定背景圖像的尺寸。

預設值：

auto

繼承性：

no

版本：

CSS3

JavaScript 文法：

object.style.backgroundSize="60px 80px"

值

描述

測試

length

設定背景圖像的高度和寬度。

第一個值設定寬度，第二個值設定高度。

如果隻設定一個值，則第二個值會被設定為 "auto"。

<a href="http://www.w3school.com.cn/tiy/c.asp?f=css_background-size" target="_blank">測試</a>

percentage

以父元素的百分比來設定背景圖像的寬度和高度。

<a href="http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&amp;p=5" target="_blank">測試</a>

cover

把背景圖像擴充至足夠大，以使背景圖像完全覆寫背景區域。

背景圖像的某些部分也許無法顯示在背景定位區域中。

<a href="http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&amp;p=7" target="_blank">測試</a>

contain

把圖像圖像擴充至最大尺寸，以使其寬度和高度完全适應内容區域。

<a href="http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&amp;p=8" target="_blank">測試</a>

如何聯系我：【萬裡虎】www.bravetiger.cn

【QQ】3396726884 （咨詢問題100元起，幫助解決問題500元起）

【部落格】http://www.cnblogs.com/kenshinobiy/