Since publishing this yesterday, I’ve revised the post in response to many people saying that this is simply a stop-gap for browsers without background-size support. That’s true to a point, but the method proposed here offers several advantages to the CSS-only approach. Responsive web design, we have a problem. We apply percentage-based widths to our img elements to get fluid images and this is a
![Elliot Jay Stocks | Better background images for responsive web design](https://cdn-ak-scissors.b.st-hatena.com/image/square/7156c77e02ed0c6ffc2e1c81936bd29d66932429/height=288;version=1;width=512/https%3A%2F%2Felliotjaystocks.com%2Fimages%2Fog-image.png)