響應式-背景圖隨著容器的寬度的改變而自動調整大小，並始終完全顯示

背景圖隨著容器的寬度的改變而自動調整大小，並始終完全顯示

插入一幅背景圖像，如何讓它隨浏覽器自動調整大小，始終保持完全顯示？

最佳回答：

用會h5的background-size:100%，IE8-不支持，要兼容ie8-思路就是父容器relative定位，放個img加載圖片，absolute定位，

<div style="background-image:url(http://avatar.csdn.net/E/8/7/2_sinat_32546159.jpg);background-size:100%;height:300px;width:300px">
    H5 CSS background-size
</div>

<div style="position:relative;height:300px;width:300px">
    兼容IE8-和所有浏覽器
    <img src="http://avatar.csdn.net/E/8/7/2_sinat_32546159.jpg" style="width:100%;height:100%;z-index:-1;position:absolute;left:0;top:0"/>
</div>