Using SVG images with a non-SVG fallback

by ecmanaut

HTML

<h1>No, &lt;img lowsrc="png" src="svg"&gt; won't render png on IE&lt;9 and svg on modern browsers. :-(</h1>
<img onerror="this.src = this.lowsrc" lowsrc="http://1.bp.blogspot.com/-xz2N_EFxvCk/TgL-TE5503I/AAAAAAAAAGs/FB3s_cZKh7A/s1600/New-Chrome-Logo_16x16.png?iact=hc&vpx=303&vpy=322&dur=2465&hovh=16&hovw=16&tx=88&ty=28&sig=116657592411693681789&ei=qQy4T_uVMazbiALT-diABw&page=1&tbnh=16&tbnw=16&start=0&ndsp=18&ved=1t:429,r:1,s:0,i:145#http://themunsonsapps.blogspot.com/2011/02/wikiquote-chrome-extension.html" src="http://upload.wikimedia.org/wikipedia/en/f/fa/Google_Chrome_2011_computer_icon.svg" width="512" height="512">
<img lowsrc="http://1.bp.blogspot.com/-xz2N_EFxvCk/TgL-TE5503I/AAAAAAAAAGs/FB3s_cZKh7A/s1600/New-Chrome-Logo_16x16.png?iact=hc&vpx=303&vpy=322&dur=2465&hovh=16&hovw=16&tx=88&ty=28&sig=116657592411693681789&ei=qQy4T_uVMazbiALT-diABw&page=1&tbnh=16&tbnw=16&start=0&ndsp=18&ved=1t:429,r:1,s:0,i:145#http://themunsonsapps.blogspot.com/2011/02/wikiquote-chrome-extension.html" width="512" height="512">

JavaScript

img { float: left; }