How to Make Div Background Image Responsive With CSS

Last Updated: August 11, 2014 /
If you are a designer, then you know that inside div image responsive is so easy to make responsive with all modern devices, but Div background image responsive little hard. I am also a web designer and lots of time facing with this problem. So, I have decided to provide to you code for make div background image responsive with CSS.  It is so easy,  just add simple CSS in div element and make background image responsive.


For Making a Div background image responsive many ways are available. Use below CSS code and make a div background image responsive.

CSS
background-size:100% auto;
or
background-size: cover;

Add above code in div element. Background cover is the right solution for div background image responsive. This element covers the div background and proper work on all devices.