仍然渲染png图像背景黑色

Question

我有一个img渲染png图像。 html结构看起来像 -

<img src="abc.png" />

除了IE8，其中静态渲染图像具有黑色背景，所有浏览器都能很好地工作。在所有其他浏览器中，它是透明的（意味着可以看到其父级的背景）

问题是什么？它可以修复吗？

Answer 1

尝试将以下内容添加到您的CSS中，您可能希望将img更改为更精确的图片选择器，请参阅this question on SO以获取可能对您有所帮助的更多信息，我会还建议您查看this article。

img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;    
}