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