body： .landing-bg { height: 100%; background: url(背景链接地址) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-...
分类：
其他好文 时间：
2014-09-20 21:09:59
阅读次数：
210
绝对原创：css代码：.star { background: url(images/star0.png) no-repeat; /***纯灰色5颗星图片****/ background-size: 100% 100%; width: 72px; display: inl...
分类：
其他好文 时间：
2014-08-26 16:53:46
阅读次数：
284
.bg { background-image: url(images/bg.jpg); background：url('../images/bg.jpg') no-repeat scroll center 0% 0% transparent; -webkit-background-size: cov...
分类：
其他好文 时间：
2014-08-25 18:47:34
阅读次数：
205
定义元素背景设置background-size属性cover自适应填充背景，background-size: 100% 100%;background-size: 左右比例 上下比例；再介绍几个特殊属性：background-clip ：background-origin ：backgrou...
分类：
Web程序 时间：
2014-08-20 16:00:12
阅读次数：
213
第17章 与背景和边框相关的样式与背景相关的新增属性background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定背景中图像的尺寸 background-break指定内联元素的背景图像进行平铺时的循环方式 在F...
分类：
Web程序 时间：
2014-08-19 03:31:43
阅读次数：
322
可以创建一张Sprites图，这张图既有普通分辨率图像，又有高分辨率下的图像？你可以，但你还是要面对，你的用户在一个较慢的带宽下下载一个大图的烦恼。你也要同时面对IE9以下的浏览器不支持background-size的麻烦问题。你最好还是分别为高分辨率和普通分辨率创建不同的两张Sprites图。这个...
分类：
Web程序 时间：
2014-08-01 13:27:11
阅读次数：
270
最近工作时研究了一下css3动画和js动画，主要是工作中为了增强页面的趣味性，大家都有意无意的添加了很多动画效果，当然大部分都是css3动画效果，可以gpu加速，这会减少移动端的性能需求。
今天主要说的是蜂窝效果，具体效果大家等下可以运行源码，这里就不放gif图了。
css3的原理很简单，就是通过更改background-size，由于css3中的background中可以设置repeat属性...
分类：
Web程序 时间：
2014-07-20 15:16:51
阅读次数：
317
div{width:100%;height:500px;background-image:url('2.png');background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod...
分类：
其他好文 时间：
2014-06-27 20:52:59
阅读次数：
207
【一】background-size 规定背景图像的尺寸以像素规定尺寸
div{background:url(bg_flower.gif);-moz-background-size:63px 100px; /* 老版本的
Firefox */background-size:63px 100px...
分类：
Web程序 时间：
2014-06-05 15:06:08
阅读次数：
311
