Full Screen Responsive Background Image with CSS

Glenn Glenn's Blog 2 Comments

Here is our CSS for a full-screen responsive background image that uses the css cover property. This means that the background image is full-screen, but also that it dynamically adjusts/crops so that there is no image distortion:- Basic CSS3 Implementation [css] body { background: url(“your-image.jpg”) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } [/css] Here …