1. 程式人生 > >background-size值為cover和值為100%的區別

background-size值為cover和值為100%的區別

background-size:100% 100%;---按容器比例撐滿,圖片變形;
background-size:cover;---把背景圖片放大到適合元素容器的尺寸,圖片比例不變。

IE8及以下版本用濾鏡來相容background-size如下:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');}