IE8 png图片黑色阴影的解决方案!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE8 png图片黑色阴影的解决方案!相关的知识,希望对你有一定的参考价值。

以前都没有留意这个问题,最近开发中才发现。

什么情况下会出现黑边?

PNG透明图片,同时有阴影,具备着两个IE8是不会有问题的,再加上使用了 “渐变显示”,就会出现了。

 

解决方法:

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

 

错误解法:

1.网上有人说是png图标格式问题,这是个误导

2.有人说把他加到div等容器里面,再加个背景颜色。这种方案可以去掉黑色,但是png一般我们是为了透明才用的,你加个背景颜色,那我还不如直接用jpg了。。。

以上是关于IE8 png图片黑色阴影的解决方案!的主要内容,如果未能解决你的问题,请参考以下文章

给图片加上阴影效果

实时阴影渲染:软阴影

php缩放gif和png格式透明背景变成黑色的解决方法

在使用PNG透明和不透明时,ie7和ie8中的盈余而不是透明

android ImageLoader 混淆加载drawable出现黑色图片的解决方案

Bootstrap中实现圆角圆形头像和响应式图片/css3圆角图片阴影效果总结