gonzomir/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Clickable SVG with PNG fallback</title>
  <style>
    a { position: relative; z-index: 1; }
    a span { display: inline-block; }
    a object { position: relative; z-index: -1; }
  </style>
</head>
<body>

  <h1>Example of clickable SVG image with PNG fallback</h1>

  <p>The solution of the problem with clickable <code>object</code> elements is from <a href="http://stackoverflow.com/a/12732030">this answer on Stack Overflow</a>.</p>

  <a href="#">
    <span>
      <object src="image.svg" type="image/svg+xml">
        <img src="image.png">
      </object>
    </span>
  </a>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Clickable SVG with PNG fallback</title>
	<style>
	a { position: relative; z-index: 1; }
	a span { display: inline-block; }
	a object { position: relative; z-index: -1; }
	</style>
	</head>
	<body>

	<h1>Example of clickable SVG image with PNG fallback</h1>

	<p>The solution of the problem with clickable <code>object</code> elements is from <a href="http://stackoverflow.com/a/12732030">this answer on Stack Overflow</a>.</p>

	<a href="#">
	<span>
	<object src="image.svg" type="image/svg+xml">
	<img src="image.png">
	</object>
	</span>
	</a>

	</body>
	</html>