語法:
background-size :[ <length> | <percentage> | auto ]{1,2} | cover | contain
相關(guān)屬性: background-clip | background-origin
取值:
- <length>:
- 由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值。不可為負(fù)值。
- <percentage>:
- 取值為0%到100%之間的值。不可為負(fù)值。
說明:
設(shè)置背景圖片的大小。
指定背景大小,以象素或百分比顯示。當(dāng)指定為百分比時(shí),大小會由所在區(qū)域的寬度、高度,以及background-origin的位置決定。還可以通過cover和contain來對圖片進(jìn)行伸縮。
引擎類型 | Gecko | Webkit | Presto |
---|---|---|---|
Background-size | -webkit-background-size | -o-background-size | |
兼容性:
類型 |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
版本 | (×)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (√)Opera 9.63 | (√)Safari 3.1 |
(×)IE7 | (×)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(×)IE8 | (×)Firefox 3.5 | ||||
示例:
