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'); }

转载于:https://www.cnblogs.com/nxl0908/p/7479699.html

background-size在IE8不兼容问题相关推荐

DIV CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
IE6/IE7/IE8/FF兼容问题汇总，以及解决方案
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
DIV+CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
DIV+CSS IE6/IE7/IE8/FF兼容问题大全
其他兼容技巧(相当有用) 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中. ...
让你的网站在IE8的兼容模式下运行
众所周知,微软的Internet Explorer团队一直在致力于将IE8打造为最符合业内标准的浏览器,所不幸的是,当前并非所有的网站都认同这些标准.如果你担心你的网站在IE8的标准模式下不能正常工作 ...
关于 ie8不兼容的一些方法
ie8 不兼容的方法 $(function(){//添加数组IndexOf方法if (!Array.prototype.indexOf){Array.prototype.indexOf = funct ...
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...
原文:CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size? 其实方法非常简单,直接写代码: &l ...
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法参考文章: (1)完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 (2)https://www.cnblogs.co ...
IE8常见兼容问题及解决方法总结
IE8常见兼容问题及解决方法总结参考文章: (1)IE8常见兼容问题及解决方法总结 (2)https://www.cnblogs.com/toggle/p/10184181.html (3)http ...
怎样修改html兼容模式代码,禁止IE8使用兼容模式渲染网页的html代码
这两天在调试一个网页,有段html代码在IE8兼容模式下就会显示错乱,而在IE8的标准渲染模式下则显示正常.但是很多浏览器比如360安全浏览器和搜狗浏览器的默认IE内核就是IE8的兼容模式,所以用36 ...

background-size在IE8不兼容问题

background-size在IE8不兼容问题相关推荐

最新文章

热门文章