background-size在IE8不兼容问题

background-size在IE8及以下浏览器不兼容;要解决的话要用滤镜:

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale'); 

注意:此处src的路径必须是绝对路径,相对路径不可以!

当写完这些后会发现又出现个新问题:页面中的背景是双重的,查看元素发现,background和滤镜同时都起了作用,于是出现了双背景。background属性与filter不可以在一起出现,否则页面中会出现双重背景。

  解决办法:利用IE8的专有hack:\9;将background设置为none;完整代码即:

  

{
    background:none\9;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale'); 

}
发布了1 篇原创文章 · 获赞 2 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/u011927449/article/details/104032410