转自:http://www.igooda.cn/jsdt/20130827355.html background-size需要两个值，它的类型可以是像素（px）、百分比（%）或是auto，还可以是cover和contain。第一个值为背景图的width，另外一个值用于指定背景图上的height，如果 ...
分类：
Web程序 时间：
2016-09-28 12:28:35
阅读次数：
165
一.特性 css3允许背景属性设置多个属性值，如：background-image,background-repeat,background-size,background-position等。 我感觉这是css3中特别给力的新属性呀，不用再切那么多图了:border-radius border-i ...
分类：
Web程序 时间：
2016-09-27 16:33:20
阅读次数：
174
利用css中 background-size：cover 填充整个viewport 注意： 一张背景图像素5000px*5000px在pc端 缩放都基本满足要求 不会出现模糊失真； 但是在移动端使用如此大的图片完全是浪费资源，大图会导致加载变慢，尤其是在移动网络下。 在移动端可以另设一张相对小一点的 ...
分类：
Web程序 时间：
2016-09-26 16:27:01
阅读次数：
181
css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background ...
分类：
Web程序 时间：
2016-09-23 11:14:09
阅读次数：
144
一、background-size 1.具体设定的px值，及北背景图片的具体宽高 2.设定的百分比，相对于容器的宽高 3.设定三个铺设类型： （1）cover： 以宽 / 高 为基本，尽可能的去铺满整个容器，溢出部分截掉 （2）contain：以宽 / 高 为基本，尽可能的去铺满整个容器，但要求不能 ...
分类：
Web程序 时间：
2016-09-08 23:11:27
阅读次数：
238
div{ background:#00ff00 url(img.jpg) no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; -o-backg ...
分类：
其他好文 时间：
2016-09-07 10:42:03
阅读次数：
115
CSS background 属性 CSS background 属性 定义和用法 background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性： background-color background-position background-size background-re ...
分类：
Web程序 时间：
2016-09-02 18:43:46
阅读次数：
270
1. CSS3中background新属性 1.1 background-size：直接设置图片的大小。 1.1.1 可以使用数值直接设置宽高。 1.1.2 cover：缩放图片，铺满盒子，图片的宽高比不变，会使图片某一部分伸出盒子范围。 1.1.3 contain：缩放图片，不会铺满盒子，图片的宽 ...
分类：
Web程序 时间：
2016-08-30 22:35:58
阅读次数：
218
背景图片固定：background-attachment:fixed 将图片的尺寸从中心点开始改变：backgroun-position:center background-size: ** 旋转：div1.style.transform="rotate(180deg)" 窗口滚动条大概是17px ...
分类：
Web程序 时间：
2016-08-30 17:41:36
阅读次数：
155
背景图片的调节,可以直接用属性调整背景图片的大小：background-size:contain是宽高缩放，直到某一边到底为止 background-size:cover是缩放图片，有可能某一边会出盒子 设置背景图片的开始位置background-origin:border-box 从边框开始 ba ...
分类：
其他好文 时间：
2016-08-30 01:42:51
阅读次数：
131
