博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决IE8不兼容 background-size
阅读量:7116 次
发布时间:2019-06-28

本文共 785 字,大约阅读时间需要 2 分钟。

 IE8下,使用background-size适应盒子大小时不兼容,效果如下图:

 

网上找资料,说添加如下代码可以兼容IE8

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale');

于是加上后,得到如下图

可以发现,确实有自适应了,但是却有2张了,于是想到hack,使用 \9 

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale')\9;

 结果发现还是不行的,继续爬坑找资料,然后找到如下代码,也是使用了 \9 ,只是使用的位置有所不同,结果就成了,O(∩_∩)O哈哈~

background: url('/Style Library/hry/images/logo.png') no-repeat left;background-size: 100% 100%;background: none\9;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale');

效果如下图 

 

仅觉得现在的时间可能 IE8 还有使用,所以适当兼容下,并未继续兼容 IE8- 。希望上述解释能帮到诸位 ~ O(∩_∩)O哈哈~

 

转载于:https://www.cnblogs.com/JaneBlog/p/10340718.html

你可能感兴趣的文章
JAVA8-让代码更优雅之List排序
查看>>
为什么我的淘宝排名会突然下降?
查看>>
SecureCRT常用快捷键
查看>>
java使用Rome解析Rss的实例(转)
查看>>
零基础 Vue 开发环境搭建 打开运行Vue项目
查看>>
tensorflow 笔记12:函数区别:placeholder,variable,get_variable,参数共享
查看>>
(转)漫谈MySql中的事务
查看>>
将逗号分隔的字符串与List互转
查看>>
MongoDB下Map-Reduce使用简单翻译及示例
查看>>
Model Metadata
查看>>
对象图(Object Diagram)—UML图(三)
查看>>
300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)
查看>>
梯度和方向导数的概念
查看>>
【008】Form窗体引用(dll)
查看>>
如何在类中调用session。
查看>>
使用xenu查找web站点死链接使用方法及结果分析 - Binbby - 博客园
查看>>
不再联系
查看>>
Subversion作为windows系统服务自启动
查看>>
png图片的读取
查看>>
T-SQL之表变量与临时表
查看>>