PNG图片在IE8及其以下出现重影

最近在赛尔号游戏官网，游戏页面里面会大量用到png图片， Chorme 以及firefox里面还是能够很完美显示的，但是到IE8记忆360兼容模式的时候，就呵呵了。如下图所示：

在网站查找到解决问题的方案

在需要用到png的样式里面，加载如下代码filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true); 就能解决，解决之后，图下图所示：

为了提高效率，我在base.css里面写入了一句这样的代码，以后所有的png图片都能完美的显示了

img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true); }

这里虽然解决了页面png图片的显示问题，但是如果png作为背景，也会有问题，解决方案是：

.png { background:ulr(/folder/yourimage.png);_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/folder/yourimage.png', sizingMethod='crop'); }

转载于:https://www.cnblogs.com/RoseZhao/p/5102020.html

PNG图片在IE8及其以下出现重影相关推荐

图片在IE8中出现边框的解决办法
方法一: img{ border-style:none; }方法二: img{ border:0; }
ie8兼容background-size属性
满心欢喜地写代码,最后测试兼容性的时候发现Logo图片在IE8下特别大.明显是background-size在ie8一下不兼容. 我懂得,IE8还是个孩子,我就加几句你独有的代码让你兼容吧,司空见惯了 ...
table vue 背景图片_table中background背景图片自动拉伸
解决android:background背景图片被拉伸问题 ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而s ...
ie8和html5的兼容性,ie8网页兼容性不完全指南
最近完成了一个项目,前端使用的是bootstrap3.3.7, jquery版本是1.11.1, 须改成兼容ie8,遇到的问题多多,觉得有必要总结一下. 声明:这不是一篇能解决所有ie8兼容问题的文章 ...
如何把一张照片的像素提高_教你三个将低分辨率图片放大放清晰的方法
原标题:教你三个将低分辨率图片放大放清晰的方法相信很多人在工作以及和别人交流的时候都会遇到这样的情况:想找一张分辨率足够大,清晰度足够好的图片放在文章或者网站中时,却发现找遍全网也只能找到一张分辨率 ...
如何在ubuntu中编写python_在ubuntu下编写python(python入门)
Java基础总结(备考) ps1:本文内容只涉及基础中的重点,大神直接无视路过. ps2:部分内容可能不太详细,有疑问请留言. ps3:全文自己总结(部分知识百度),内容可能有些杂,可能不太全. 如有 ...
电磁场与仿真软件(29)
如上一篇所写, 能带图描述的是布洛赫矢量(之和材料特性有关)和能量(,也就是入射电磁波的频率)之间的关系. 在研究周期性材料时,一般只取第一布里渊区去计算,这个类似于最小的unit cell,整个区域 ...
在linux系统上安装飞秋,linux [Fedora] 下的飞秋/飞鸽传书
C3p0连接池配置在Java开发中,使用JDBC操作数据库的四个步骤如下: ①加载数据库驱动程序(Class.forName("数据库驱动类");) ②连接数据库(Con ...
html5自动抠图api,js钢笔抠图插件_jQuery之家-自由分享jQuery、html5、css3的插件库
penCutout.js是一款基于Html5 Canvas 实现js钢笔抠图插件.penCutout.js仿PS中钢笔抠图功能,实现支持js前端生成抠图.图片等比抠图.自定义图片尺寸等功能. 该插件仅 ...

PNG图片在IE8及其以下出现重影

PNG图片在IE8及其以下出现重影相关推荐

最新文章

热门文章