首页 > 其他 > 详细

background-size使用

时间:2014-10-16 18:53:04      阅读:300      评论:0      收藏:0      [点我收藏+]
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

background-size使用

原文:http://www.cnblogs.com/lenq/p/4029261.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!