In Brunei for a weather site to do a page, suddenly encountered a problem, is the need for div background image adaptive screen size, online search for a long time, chrome is invalid, finally found a, said to write
. product_wx {Background:url ('.. /images2/bgd_1.jpg '); Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingmethod= ' scale ') ; -moz-background-size:100% 100%; background-size:100% 100%; }
After the appearance of writing up, found that Chrome still does not show, so add the height, the image can be scaled normally, it is worth noting that if the use of width:100%, is also invalid. So the end result is
. 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;}
# All of these results are measured in chrome.
div Background Image Adaptive