Question

我想在页面上显示某些对象的损坏图像（链接）图标。我假设，因为大多数浏览器都有自己的方式来显示链接被破坏，它可能是原生的可以被调用的东西？反正是否强迫它使用JS / CSS显示？

参考： http://sitesbyjoe.com/posts/detail/2012/03/15/make-firefox-show-broken-images

澄清：我知道我可以使用带有损坏的src的标签来覆盖div，但我正在寻找一个CSS / JS解决方案。

样品：

<div id="someid" style="background-image:url('someurlthatdoesntexist')"
</div>

Answer 1

使用 dataURI

为自己保存GET

的JavaScript;

var img = new Image(); // or document.createElement('img');
img.src = 'data:image/jpg,'; // data URI that will produce error
document.body.appendChild(img); // and append, for example

HTML;

<img src="data:image/jpg," />

Answer 2

PLAIN HTML

  <img src="idontexist.jpg"/>

无论如何使用CSS / JS显示破碎的图像（链接）图标？

2 个答案: