div背景图片自适应

标签：div背景图片自适应

在为文莱的一个天气预报网站做页面，突然遇到一个问题，就是需要div的背景图片自适应屏幕大小，网上找了好久，chrome都无效，最后找到了一个，说要这么写

.product_wx {
	background:url('../images2/bgd_1.jpg');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');  
	-moz-background-size:100% 100%;  
        background-size:100% 100%;  
}

照样子写上去后，发现chrome还是不显示，于是加上了height，图片才可以正常缩放，值得注意的是如果用 width:100%;也是无效的。所以最终结果是

.product_wx {
	background:url('../images2/bgd_1.jpg');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');  
	-moz-background-size:100% 100%;  
        background-size:100% 100%;  
	height:858px;
}

div背景图片自适应

标签：div背景图片自适应

原文地址：http://blog.csdn.net/huwei0518/article/details/44200559