24 ways to impress your friends

Jump to menu

Vote up?

bruce lawson

@Alex Morris

nice stuff, for webkit and Opera (which gets the small version that’s not specified in the img-set).

But IE and Firefox don’t support foo {content:} so they get nothing at all as the CSS doesn’t fill in an unresponsive fallback image, and there isn’t a src specified on the img element itself. If you do specify a src on the img element, then it’s prefetched before the CSS is downloaded, and you can end up downloading two images and only displaying one – exactly the use case for <picture>.