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