语法:

background-size :[ <length> | <percentage> | auto ]{1,2} | cover | contain

相关属性background-clip | background-origin

取值:

<length>
由浮点数字和单位标识符组成的长度值。不可为负值。
<percentage>
取值为0%到100%之间的值。不可为负值。

说明:

设置背景图片的大小。

指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度,以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。

引擎类型 Gecko Webkit Presto
Background-size -webkit-background-size -o-background-size

兼容性:

类型 IEInternet Explorer FirefoxFirefox ChromeChrome OperaOpera SafariSafari
版本 (×)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

示例:

      

快速跳转