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

标签 html css cross-browser

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

broken image

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

最佳答案

例如,您可以使用 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 );
}

关于html - 如果图像不存在,Opera 会显示损坏的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25329992/

相关文章:

javascript - 在jquery中的rel下调用UL

html - 将 Fontawesome-icon 与 w3-input 字段放在同一行

html - "infamous"CSS : 2 divs side-by-side, 跨浏览器版本(?)

css - 如何响应式地将图像高度缩放到设备的高度

css - 浏览器缩放时网站对齐中断

javascript - 如何通过javascript从模板中获取元素?

javascript - AngularJS: chop 在 ng-repeat/ng-bind-html 中绑定(bind)的多行 HTML

css - JqueryUI - Accordion 。一行显示

javascript - 添加指向事件选项卡的指针以显示

css - 在整个网站上拥有固定内容(页眉、页脚、侧边栏)的标准方法是什么?