background: url(imgurl) no-repeat; background-size: 100% 100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgurl', sizingMethod='s ...
分类：
其他好文 时间：
2017-06-27 10:55:38
阅读次数：
124
先来看w3c的background-size的几个值： background-size:cover; 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 background-size:contain; 把图像图像扩展至最大尺寸，以使其宽度和高度完 ...
分类：
其他好文 时间：
2017-06-20 17:52:54
阅读次数：
164
满心欢喜地写代码，最后测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。 我懂得，IE8还是个孩子，我就加几句你独有的代码让你兼容吧，司空见惯了： 然后发现logo变得十分华丽（奥义·双重logo）： 明显是ie8两种background属性设 ...
分类：
其他好文 时间：
2017-04-17 23:32:32
阅读次数：
667
先介绍文章用到的二个知识点 background-size 属性 语法 设置背景图像的高度和宽度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第 ...
分类：
Web程序 时间：
2017-03-26 16:12:29
阅读次数：
237
background-size 可以设置背景图片的大小，数值包括 长度length和百分比percentage。 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围。那么下面我们一起来了解这个background-size属性吧。 background-size语法 w ...
分类：
Web程序 时间：
2016-12-14 22:08:35
阅读次数：
250
在制作页面中常需要对背景图片在容器中进行平铺，可用background-size属性对背景编辑：拉伸，压缩等~ 将背景扩展到整个容器大小。 较为实用的：使用百分号对背景图编辑 第一个参数在x轴方向，第二个参数在y轴方向扩展。 ...
分类：
其他好文 时间：
2016-11-07 19:43:35
阅读次数：
161
面临找工作之际，又将CSS3的基础知识撸了一把，做了相应的笔记，主要是方便自己查阅，参考的是W3C的知识。 1、CSS背景 （1）、background-size 属性 background-size 属性规定背景图片的尺寸，同时适用与字体图标方面的适用（主要在移动端用到较多）。 在 CSS3 之前 ...
分类：
Web程序 时间：
2016-08-29 22:24:45
阅读次数：
228
bachground-size属性就是定义背景图片的大小，其值有：auto , 像素值 , 百分比 , cover , contain 。 background-size: auto，默认值，以图片自身大小填充元素，根据元素大小来调节自身比例，不会让图片变形。 背景图片本身大小—width:200p ...
分类：
Web程序 时间：
2016-07-23 18:04:23
阅读次数：
218
请复制粘贴，图片请自带 <!DOCTYPE html > <html > <head> <meta charset="utf-8"> <title>标题</title> <script type="text/javascript" src="../js/jquery-1.4.min.js"></sc ...
分类：
Web程序 时间：
2016-05-11 10:51:16
阅读次数：
5243
CSS3中提出了background-size属性，该属性可以设置背景图片的大小，该属性的值设置为绝对数值或者百分比时对background-position没有任何影响，当设置为contain/cover时就会产生影响，其中有一个值会无效。 background-size:contain 该属性会 ...
分类：
其他好文 时间：
2016-04-18 13:12:10
阅读次数：
190
