background-size: left center | 0% 50% | cover | contain

backgound-size: left center | 0% 50%; 这个指的是背景水平、垂直的大小控制

background-size: cover; 背景铺满整个容器,如果背景是图片,按照图片大小比例铺满整个容器

background-size: contain;  容器包含背景,它和上面不一样的地方是它是包含关系,有个padding值

IE下如何使用?

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale');
  • 需要注意的一点是:不要把IE滤镜应用到html和body上,会导致滚动条和链接出问题
  • 使用IE滤镜不会保持背景图片的宽高比,也即图片可能会变形

本文内容部分采自:www.topcss.org

最新文章

  1. MD5验证
  2. 导入excel数据到数据库
  3. POJO, DTO, VO, JavaBean的区别
  4. 再说linux中的rm mv 遍历执行多个文件的操作: find + xagrs
  5. 20145316GDB调试汇编堆栈
  6. Mysql limit offset
  7. vs 添加坚竖虚线(垂直虚线、肾虚线 by 我的Y韬)
  8. C++ STL知识点小结
  9. C#自定义的命名空间引用
  10. 消息映射(C++)(转)
  11. 拓扑排序下的有无环判定 STL方法
  12. C++向量(08)
  13. 深入理解Java内置锁和显式锁
  14. Go基础之--操作Mysql(二)
  15. AM335x(TQ335x)学习笔记——触摸屏驱动编写
  16. SUSE12Sp3-Nginx安装
  17. python 数据分类赋值
  18. day 变量的赋值原理 变量的命名规则
  19. The markup in the document following the root element must be well-formed. Quartz.xml .......
  20. java是如何编码解码的

热门文章

  1. android开发获取网络状态,wifi,wap,2g,3g.工具类(一)
  2. 【笔记】让DIV水平垂直居中的两种方法
  3. zoj1093 Monkey and Banana
  4. 2013ACM-ICPC亚洲区南京站现场赛G题
  5. mysql 蠕虫复制
  6. 浏览器的重绘repaints与重排reflows深入分析
  7. 用apiCloud开发应用
  8. XML_PULL解析
  9. 又是玻璃效果?调用一句代码就OK了
  10. perl 一个简单的面向对象的例子