IE6 红十字和边框图像周围答案

【问题标题】：IE6 Red Cross and Border around imageIE6 红十字和边框图像周围
【发布时间】：2010-10-12 12:40:00
【问题描述】：

重大更新：

图像没有损坏（您可以看到），也不是链接。但是 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 中是完全一样的

【问题讨论】：

【解决方案1】：

在带有 Web Developer Toolbar 的 firefox 中，您可以查看损坏的图像。在 Firefox 中，图像仍然会损坏，但您不会看到任何类似 IE6 和 IE7 的显示。

【讨论】：

【解决方案2】：

Firefox 和“其他浏览器”更优雅地处理损坏的图像，但图像几乎可以肯定是损坏的 - 他们只是没有渲染它。也许尝试养成定期检查您的站点日志以查找 404 的习惯，因为在现代浏览器中您的图像损坏并不总是很明显。

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

您缺少替换 gif。

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

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

【讨论】：

【解决方案5】：

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

看起来我只是勉强被打败了。

【讨论】：

【解决方案6】：

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

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

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

【讨论】：