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

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

GET使用dataURI保存自己

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

普通HTML

  <img src="idontexist.jpg"/>