首页 > 代码库 > background-size使用
background-size使用
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=http://www.mamicode.com/‘myBackground.jpg‘, sizingMethod=‘scale‘);
- 需要注意的一点是:不要把IE滤镜应用到html和body上,会导致滚动条和链接出问题
- 使用IE滤镜不会保持背景图片的宽高比,也即图片可能会变形
本文内容部分采自:www.topcss.org
background-size使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。