Internet Explorer中缺少图像交叉和边框

Question

在为internet explorer放置缺失图像(指向图像的断开链接)的情况下，它会显示一个交叉和边界。

我们能去掉破损图像的十字架和边框吗？

Internet Explorer 7 image http://img295.imageshack.us/img295/3029/internetexplorer.png

请看下面它在firefox上的外观

Firefox broken image http://img31.imageshack.us/img31/1123/firefoxg.png

我们需要去掉边框，穿过破损的图像。这个问题可以通过CSS解决吗？

Answer 1

我认为你必须使用javascript。您可以使用类似以下内容：

var imgs = document.getElementsByTagName("img");

for (i = 0; i < imgs.length; i++) {
    imgs[i].onerror = function () {
        imgs[i].parentNode.removeChild(imgs[i]);
    }
}

使用此函数，您将删除所有有错误的图像。

Answer 2

根据您的评论，为什么不在输出HTML之前检查图像是否存在于服务器端脚本中？应该不会有太多开销。

在PHP中，它类似于：

<?php
if (file_exists($imgUrl)) {
    echo '<img src="', $imgUrl, '" alt="" />';
}
?>