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='myBackground.jpg', sizingMethod='scale');

 

• 須要注意的一點是:不要把IE濾鏡應用到html和body上，會致使滾動條和連接出問題
• 使用IE濾鏡不會保持背景圖片的寬高比，也即圖片可能會變形

 本文內容部分採自：www.topcss.org