Question

主要更新：

我在网站上有一个PNG修复程序。当我删除PNG修复红十字和边框消失。奇怪的是，问题似乎只是用这个特定的图像来做。在同一页面上还有其他Alpha Blended PNG可以渲染得很好。

图像没有被破坏（你可以看到），也不是链接。但IE6和7都在它周围放了一个盒子，上面有一个红叉。它还剥离了造型。

更新：图像不是背景图像，图像绝对不会被破坏。您实际上可以看到图像，在Safari，Firefox，Chrome和Opera中运行良好。

这是一个普通的旧常规图像标记

<div class='container'>
    <img src='../images/leader_concierge.png' class='page_leader'  width="917" height="257" />
</div>

这是css

.page_leader { margin: 10px 0; }

这是safari中完全相同的东西

Answer 1

你错过了替代gif。

所有PNG修复方法都要求透明的gif可用于替换png图像，这是替换工作方式的一部分。如果缺少那个gif，那么即使PNG绘制得很好，你也会得到这个破损的图像外观。

对于iepngfix.htc，它希望文件位于/images/spacer.gif

Answer 2

在使用Web Developer Toolbar的firefox中，您可以查看损坏的图像。在Firefox中，图像仍然会被破坏但你不会看到像IE6和IE7那样的东西。

Answer 3

注意，在xhtml中（好吧，你关闭了img标签）你应该使用“而不是'。

Answer 4

如果您使用的是iepngfix.htc，则需要将其打开并设置空白图像路径。图像需要是1x1 .gif。

看起来我几乎没有被击败。

Answer 5

是的，我遇到了同样的问题，也是iepngfix.htc允许IE6中的透明度。

是的，按照说明，所需的随附gif图像位于images文件夹中。

所以我进入了htc文件并输入了确切的链接，现在一切正常！

Answer 6

Firefox和“其他浏览器”更优雅地处理损坏的图像，但图像几乎肯定会被破坏 - 它们只是不渲染它。也许试着养成定期检查404s的站点日志的习惯，因为在当代浏览器中你的图像不是很明显。

编辑：鉴于您最近的发现，也许在TweakPng之类的问题中打开有问题的png - 您可能会发现存在可以安全删除此行为的块。将受影响的png与正常工作的png进行比较，并删除有问题的块。