其实,在IE8里,对background-size属性是不兼容的;
当背景图片不符合你所要的大小的时候,一般我是会设置background-size属性,去规定他的高宽,但是打开IE8查看,你会发现,图片就不加载了;
这个时候,有两个解决办法:
1、找UI将图片制作成你所需要的大小;
2、网上查到一种方法,但是没有验证,谁能验证并且有效的话,麻烦给我评论下,谢谢了;
.parent { 400px; height: 400px; margin: 100px; border: 1px solid red; background: url(img/aaa.jpg) no-repeat center center; background-size: 100% 100%; /*针对IE8的hack,目的是除掉之前background*/ background: none\9; /*下一行为关键设置*/ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/aaa.jpg', sizingMethod='scale'); }
说是这样就可以了,大家可以试试哈!