在为文莱的一个天气预报网站做页面,突然遇到一个问题,就是需要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;}# 以上结果都是在chrome下测出。
去了不同的地方,看了不同的风景,知道了不同的事,