語法:
background-size :[ <length> | <percentage> | auto ]{1,2} | cover | contain
相關屬性: background-clip | background-origin
取值:
- <length>:
- 由浮點數字和單位標識符組成的長度值。不可為負值。
- <percentage>:
- 取值為0%到100%之間的值。不可為負值。
說明:
設置背景圖片的大小。
指定背景大小,以象素或百分比顯示。當指定為百分比時,大小會由所在區(qū)域的寬度、高度,以及background-origin的位置決定。還可以通過cover和contain來對圖片進行伸縮。
引擎類型 | 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 | ||||
示例:
