背景background 简写形式为 backgroud:background-color background-position background-size background-repeat background-origin background-clip background-attac ...
分类：
Web程序 时间：
2017-04-24 10:05:26
阅读次数：
178
需求描述：用户可以上传任意尺寸的图片，但在实际显示时有固定尺寸，也就是等比缩放，完全铺满，溢出部分不显示。其实，也就是css3中background-size的cover所实现的，不过这都是后话了。 一 讲道理，不管什么问题都是先上网看看有没有现成的可以用的，该抄则抄。不过最后结果不是太好。上网查询 ...
分类：
其他好文 时间：
2017-04-21 19:07:00
阅读次数：
190
满心欢喜地写代码，最后测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。 我懂得，IE8还是个孩子，我就加几句你独有的代码让你兼容吧，司空见惯了： 然后发现logo变得十分华丽（奥义·双重logo）： 明显是ie8两种background属性设 ...
分类：
其他好文 时间：
2017-04-17 23:32:32
阅读次数：
667
background-size要写在background-image后面，否则background-size不会生效 这样写,background-size是不生效的 必须这样写： 如果一个后面的一个样式修改了background-image,则background-size也要一起修改，否则原先设 ...
分类：
其他好文 时间：
2017-04-05 17:36:47
阅读次数：
150
background是个常用的属性，包含background-color,background-image,background-attachment,background-size,background-repeat,background-origin,background-clip,backgr ...
分类：
其他好文 时间：
2017-03-29 12:27:34
阅读次数：
146
ie7.8不识别background-size,写background的缩写属性时，不要把background-size也写进去，最好能单独写，然后再用behavior来补丁下ie7.8不识别的background-size的bug。很多ie9以下的浏览器的表现形式都很有问题，但是很多hack下ie9，ie8都是绑定在一起的，所以最好是只有一个..
分类：
其他好文 时间：
2017-03-28 20:08:37
阅读次数：
147
最近发现background-size的兼容性，发现低版本根本不能支持下载，查了资料发现用滤镜可以实现，只是只能实现cover,并且imge地址还必须是确定的地址，非常不灵活，域名会经常变网站。后来发现了用htc来写，这个文件必须是相对地址。参考地址：http://www.dowebok.com/139.html；..
分类：
其他好文 时间：
2017-03-27 20:04:33
阅读次数：
133
先介绍文章用到的二个知识点 background-size 属性 语法 设置背景图像的高度和宽度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第 ...
分类：
Web程序 时间：
2017-03-26 16:12:29
阅读次数：
237
.vou-box-list li:after { content: ""; position: absolute; top: -20px; display: block; width: 10px; height: 100%; margin-top: 20px; background-size: 20... ...
分类：
其他好文 时间：
2017-03-23 20:47:26
阅读次数：
124
background-size的contain和cover是怎么用的，大家应该都明白。但是里面也有一些有趣的数学关系。基本概念上面就是我们对于 rimage (图片宽高比)、rviewport (容器宽高比) 的定义。将图片放进容器三种方法stretch : 把图片的宽高强行设置为容器的宽高注: h... ...
分类：
其他好文 时间：
2017-03-22 17:40:51
阅读次数：
170
