background-size使用

标签：style   blog   http   color   os   使用   ar   for   strong   

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使用

标签：style   blog   http   color   os   使用   ar   for   strong   

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