IE9 fix with commented <source> elements

wet-boew · Dec 12, 2012 · 4cf8360 · 4cf8360
1 parent 2803fc5
commit 4cf8360
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/demos/picture/picture-eng.html b/demos/picture/picture-eng.html
@@ -106,8 +106,15 @@ <h1 id="wb-cont">Picture Element</h1>
 		<source src="images/parliament-hill-medium.jpg" media="(min-width: 500px)">
 		<source src="images/parliament-hill-large.jpg" media="(min-width: 960px)">
 		<source src="images/parliament-hill-extralarge.jpg" media="(min-width: 1200px)">
-
-		<!-- Fallback for non-supporting browsers -->
+
+		<!-- IE9 support
+		<source src="images/parliament-hill-small.jpg">
+		<source src="images/parliament-hill-medium.jpg" media="(min-width: 500px)">
+		<source src="images/parliament-hill-large.jpg" media="(min-width: 960px)">
+		<source src="images/parliament-hill-extralarge.jpg" media="(min-width: 1200px)">
+		 -->
+
+		 <!-- Fallback for non-supporting browsers -->
 		<img src="images/parliament-hill-large.jpg" alt="Parliament Hill">
 	</picture>
 	<p class="margin-top-none">Photo by <a href="http://www.flickr.com/photos/intercultura/6130311384">Noema Pérez</a>, licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/deed.en_CA">Creative Commons</a>.</p>