How to hide image broken Icon using only CSS HTML

Question

What is the best way to get rid of the broken image icon?

I have an image with the error src:

<img src="Error.src"/>

The solution must work in all browsers.

Answer 1

Because CSS/HTML has no means of knowing if an image is a broken link, you must use JavaScript anyway.

But here's a quick way to either hide the image or replace the source with a backup.

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