ie8 background-size

其实,在IE8里,对background-size属性是不兼容的;

当背景图片不符合你所要的大小的时候,一般我是会设置background-size属性,去规定他的高宽,但是打开IE8查看,你会发现,图片就不加载了;

这个时候,有两个解决办法:

1、找UI将图片制作成你所需要的大小;

2、网上查到一种方法,但是没有验证,谁能验证并且有效的话,麻烦给我评论下,谢谢了;

      .parent {
                width: 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');
            }
说是这样就可以了,大家可以试试哈!
posted @ 2020-12-29 13:49  之鹿喵  阅读(370)  评论(0编辑  收藏  举报