仍然渲染png图像背景黑色[重复]答案

【问题标题】：Still rendering png images background black [duplicate]仍然渲染png图像背景黑色[重复]
【发布时间】：2014-01-04 23:57:46
【问题描述】：

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

<img src="abc.png" />

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

有什么问题？可以修复吗？

【问题讨论】：

标签： html css image cross-browser png

【解决方案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;    
}

【讨论】：

在我的项目中，用户可以选择将图像缩放到 50%、100%、150% 等。我可以删除zoom:1吗？
您可能可以删除 zoom，您可能需要查看链接的文章并找到适合您特定情况的正确解决方案 - 如果没有访问权限，很难更精确代码。