background-size:cover; //等比放大背景图片background-size:contain; //等比缩小背景图片-webkit-border-radius: 15px;//圆角text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。基本语法...
分类：
Web程序 时间：
2016-01-09 18:22:58
阅读次数：
135
1 .bg{ 2 width:100%;3 height:100%;4 background-image: url(../image/splash.png); 5 background-size: 100% 100%;6 ...
分类：
移动开发 时间：
2015-12-31 12:15:14
阅读次数：
180
CSS3background-size 属性div{background:url(bg_flower.gif);-moz-background-size:63px 100px; /* 老版本的 Firefox */background-size:63px 100px;background-repea...
分类：
Web程序 时间：
2015-12-17 19:01:39
阅读次数：
232
.bg{background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);-moz-background-size:100%100%; background-size:100%100%;}
分类：
Web程序 时间：
2015-12-16 12:15:23
阅读次数：
127
起初是在处理一个图片显示的问题, 图片没有有一部分没有显示出来, 之后用到了background-size, 发现有必要总结一下。background-size 首先声明 background-size是一个css3属性。 翻译过来很容易就知道它是用来规定背景尺寸的。 关于浏览器兼容性 ...
分类：
Web程序 时间：
2015-12-05 00:21:07
阅读次数：
293
在HTML中，当我们设置背景图，只能采用是否重叠、居中、重叠方向这几个选项CSS3中设置body { background:#3d71b8 url(../back_main.png); background-size: 100%; background-position...
分类：
Web程序 时间：
2015-12-04 10:39:35
阅读次数：
581
做移动端页面时，设计稿中的切片图片往往是实际的2倍,此处记录图片正常显示大小的技巧。当图片是单张的话，可以对容器设计实际大小，然后设置background-image,为了让图片缩小一倍，可以设置background-size:contain;如：图片尺寸是20*20，但是在移动端页面显示的则是10...
分类：
移动开发 时间：
2015-11-30 09:57:06
阅读次数：
203
.bg-speaker{background:url(../p_w_picpaths/sp_bg.png)leftrepeat-y;background-size:contain;}
分类：
Web程序 时间：
2015-11-23 14:55:13
阅读次数：
218
背景图片可以响应式调整大小或缩放，以下是三种不同的方式1、如果 background-size 属性设置为 "contain", 背景图片将按比例自适应内容区域。图片保持其比例不变： Bootstrap历练作品 调整浏览器窗口查看图像是如何扩展的。 2、如果 backg...
分类：
Web程序 时间：
2015-11-22 13:48:35
阅读次数：
168
.bg{ background:url(images/test.jpg); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:10...
分类：
Web程序 时间：
2015-11-19 13:12:04
阅读次数：
158
