雪碧图.div1{ width:229px; height:186px;外线 outline: 1px solid darkred;图片路径 background-image: url("../1/img/1.jpg"); background-size: 1000px 752px;定位 backg
分类：
Web程序 时间：
2016-03-17 01:52:56
阅读次数：
139
移动端开发中，使用gulp.spritesmith进行小图sprite并生成样式，但由于spritesmith默认是以px为单位，所以就把插件的内容修改了下让生成rem单位并且能把background-size设置为雪碧图的宽高。 1.首先修改gulp.spritesmith\node_module
分类：
其他好文 时间：
2016-03-14 13:45:03
阅读次数：
144
理解CSS3中的background－size(对响应性图片等比例缩放)
分类：
Web程序 时间：
2016-03-10 07:04:15
阅读次数：
228
background-size cover contain区别 兼容ie7 ie8 filter
分类：
其他好文 时间：
2016-02-22 01:34:29
阅读次数：
309
background-size做自适应的背景图 在我们做页面布局的时候往往会遇到这样的情况当我固定一个元素的尺寸，在像元素加入背景的时候发现背景图片的原始尺寸很大，当我把背景图写入时往往超过元素很大一部分我们只能看见一部分的背景图在元素内显示！ 如图所示这是我的背景图 我有一个div要加入这张背景图
分类：
其他好文 时间：
2016-02-21 16:59:22
阅读次数：
222
backgroud-size CSS3以前，背景图像大小由图像的实际大小决定，background-size指定背景图像的大小。 你可以指定像素或百分比大小，你指定的大小是相对于父元素的宽度和高度的百分比的大小。默认值为图片的实际尺寸。 例如：图片的实际大小为220*150像素，在CSS3之前该图片
分类：
Web程序 时间：
2016-02-05 18:50:03
阅读次数：
315
.page{ background:url(images/page2_bg.jpg) top center no-repeat; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaIma...
分类：
其他好文 时间：
2016-01-18 11:59:02
阅读次数：
118
1.选择一张较大的图片，一般为1920*12532.html { height: 100%;}body { width: 100%; height: 100%; background: url() left top no-repeat; background-size: 100% 100%...
分类：
其他好文 时间：
2016-01-14 20:55:33
阅读次数：
448
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/section-6.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Micro...
分类：
其他好文 时间：
2016-01-14 12:20:29
阅读次数：
138
近期做客户端页面，很是迷茫，过程中，学习了不少知识，仅作总结，以备参考。一般我们拿到设计稿是640px宽度的 这个时候，把图片按照640px原大小切下，另存为png使用ps把设计稿缩放一半50%按照这个缩放之后的320px宽度,切页面里面的图片background-size:50 % 50%图片 ....
分类：
其他好文 时间：
2016-01-12 21:12:52
阅读次数：
182
