CSS3 新增的 background-size 是一個(gè)很有用的屬性,用于定義背景圖片的尺寸,有了這個(gè)屬性,你就可以任意指定背景圖片的大小。其中最常用的值應(yīng)該要數(shù) cover 了,該值能讓背景圖片縮放至填滿整個(gè)容器,即使是圖片面積小于容器面積。
由于 background-size 是 CSS3 新增的屬性,所以 IE 低版本自然就不支持了,但是老外寫了一個(gè) htc 文件,名叫 background-size polyfill,使用該文件能夠讓 IE7、IE8 支持 background-size 屬性。其原理是創(chuàng)建一個(gè) img 元素插入到容器中,并重新計(jì)算寬度、高度、left、top 等值,模擬 background-size 的效果。