Auto Resizing BackGround Images

CSS Background Image Resizing

The below CSS code along with HTML markup will be used where the background image needs to get adjusted or resized itself according to the DIV properties

CSS Code for DIV Background Images Resizing


/* Use this markup: */

<div id="background">
<img src="img.jpg" class="stretch" alt="" />
</div>

*/ with the following css: */

#background {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
}

.stretch {
width:100%;
height:100%;
}


Related Topic CSS Rounded Corners
Create Slideshow jQuery
What are all the Types of Android Applications
How to Design Tweened and Frame by Frame Animations
List of Server Ports and their Assigned Numbers

nScraps.com 2011   Privacy Policy  Terms of Service  Feedback