如果图像不存在,Opera会显示损坏的图像

时间:2014-08-15 16:07:49

标签: html css cross-browser

我正在寻找一种方法,如果在路径中找不到图像,如何防止Opera浏览器显示损坏的图像。

broken image

在mozila中,如果图像不存在,那么它将是空白的,而不会像上面那样显示损坏的图像。

1 个答案:

答案 0 :(得分:4)

例如,您可以使用JS执行此操作。最简单的方法:

<img src="..." onerror="this.style.display='none'">

或者页面上的所有图片:

var images = document.getElementsByTagName("img");
for( var i = 0; i < images.length; i++ ) {
    (function( i ) {
        images[ i ].onerror = function() {
           images[ i ].style.display = 'none';
        }
    })( i );
}