css3之background-size

CSS3之background-size

 

---------设置背景图片的大小。

 

background-size的取值：

 

• auto               --------默认值，保持背景图片的原始高度和宽度。
• <length>        --------设置具体的值，可以改变背景图片的大小。
• <percentage>--------0%~100%之间的任何值，只能应用在块级元素上
• cover              --------将图片放大，适合铺满整个容器
• contain           --------将图片缩小，以适合铺满整个容器，

 

兼容的浏览器

 

http://caniuse.com/#search=background-size

 

 

 

兼容性写法：

 

• Mozilla：-moz-background-size
• Webkit：-webkit-background-size
• Presto：-o-background-size