While most versions of IE (even older ones!) are supported well, IE9 has a little conflict to work around. To support IE9, you will need to wrap a video element wrapper around the source elements in your picture tag. You can do this using conditional comments, like so:

<picture>
	<!--[if IE 9]><video style="display: none;"><![endif]-->
	<source srcset="examples/images/extralarge.jpg" media="(min-width: 1000px)">
	<source srcset="examples/images/large.jpg" media="(min-width: 800px)">
	<source srcset="examples/images/medium.jpg">
	<!--[if IE 9]></video><![endif]-->
	<img srcset="examples/images/medium.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
</picture>

http://scottjehl.github.io/picturefill/#ie9

I'll post a patch to include the recommended workaround to support IE9.

CommentFileSizeAuthor
#1 picture-support-ie9-2275979-1.patch1.03 KBosman

Comments

osman’s picture

Status: Active » Needs review
StatusFileSize
new1.03 KB
attiks’s picture

Status: Needs review » Fixed

Thanks

  • Commit 50bfd66 on 7.x-2.x authored by osman, committed by attiks:
    Issue #2275979 by osman: Supporting Picture in Internet Explorer 9.
    

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.