background-size是CSS3新增的属性，现在有很多浏览器都支持CSS3了。但是IE浏览器有些版本还是不支持，比如IE8，IE9也有些CSS3的属性会支持，但是有些也不支持。在这里就了解一下CSS3的background-size。
background-size 属性
1、定义：
background-size 用来调整背景图像的尺寸大小。以象素或百分比显示，当指定为百分...
分类：
其他好文 时间：
2014-12-02 11:52:46
阅读次数：
154
要使一张图片不论在移动端还是在桌面端都能适应区域内容，可以使用 HTML5 的 viewport 标签结合 CSS3 的 background-size 属性。适应区域内容是指图片的宽或高的长度满足浏览区的内容区域。HTML5 的 viewport 标签中的content="width=device...
分类：
Web程序 时间：
2014-11-04 16:54:46
阅读次数：
247
1. 利用div的层次，设置底层div充满屏幕，并给div设置背景图 2. 利用body元素body{background：url no-repeate center position red ; background-size:cover};body{backgro...
分类：
Web程序 时间：
2014-10-29 19:03:11
阅读次数：
216
background:#76CEF6url("../images/bg.jpg")repeat-x00;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100...
分类：
其他好文 时间：
2014-10-27 12:12:38
阅读次数：
226
简介CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放至填满整个容器，即使是图片面积小于容器面积。由于 background-size 是 CSS3 ...
分类：
Web程序 时间：
2014-10-24 10:40:35
阅读次数：
150
background-size: left center | 0% 50% | cover | containbackgound-size: left center | 0% 50%; 这个应该都不用去说明，都是背景位置的设置background-size: cover;背景铺满整个容器，如果背景是...
分类：
其他好文 时间：
2014-10-16 19:28:33
阅读次数：
275
在chrome或IE9及以上 背景图片的background-size:cover属性设置 背景图片覆盖整个容器,但是IE8及以下不支持这个属性,则用滤镜实现该效果:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http...
分类：
其他好文 时间：
2014-09-30 19:21:20
阅读次数：
245
在使用jade和styl写手机页面时，且元素为背景图片时，常会使用到background-size cover，它的意思是使背景图片铺满整个元素，且保证背景图片的宽高比。
即当图片小于容器时，又无法使用background-repeat来实现时，我们就可以采用cover;将背景图片放大到适合容器的大小
或者是设定元素的宽高分别为背景图片的宽高，且设置margin-left为元素宽度的一半来...
分类：
Web程序 时间：
2014-09-26 03:12:08
阅读次数：
225
1.至少写出3个css3新增的属性，HTML5强调标签的语义化，写出5个HTML5的语义化标签。边框：border-radius、box-shadow、border-image背景：background-clip、background-size、background-origin文本：text-sh...
分类：
Web程序 时间：
2014-09-25 20:34:37
阅读次数：
401
background-size的值类型：1个或2个值，这些值既可以是像素px，也可以是百分比%或auto，还可以是特定值cover, contain。
background-size可以设置2个值，1个为必填，1个为可选。
其中第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只给background-size设置1个值，则第2个值默认为auto高度自动...
分类：
Web程序 时间：
2014-09-24 19:13:17
阅读次数：
274
