css3 background-size

用于设置背景图片的大小，有2个可选值，第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只指定1个值得，则第2个值默认为auto

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

兼容性：

类型	Internet Explorer	Firefox	Chrome	Opera	Safari
版本	(×)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
	(√)IE9	(√)Firefox 3.6

所用图片：

背景图尺寸（数值表示方式）：

#background-size{
	background-size:300px 100px;
}

背景图尺寸（百分比表示方式）：

#background-size2{
	background-size:40% 80%;
}

背景图尺寸（等比扩展图片来填满元素，即cover值）：

#background-size3{
	background-size:cover;
}

背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值）：

#background-size4{
	background-size:contain;
}

背景图尺寸（以图片自身大小来填充元素，即auto值）：

#background-size5{
	background-size:auto;
}

© Copyright Doyoe.com

需要注意   当background 不是整张图片而是background:url(a.png) no-repeat 10px 20px; 的时候不起作用