Full Screen Image Background in Wordpress

Below is the code for this project. It goes into the style.css and header.php files respectively.

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
div#container {
/* This is the only important rule */
/* We need our content to show up on top of the background */
position: relative;
}

position:relative;

img src="bg.jpg" class="bg" /

Category:

Science & Technology

Tags:

• Wordpress
• Full Screen Image Background
• CSS
• Dynamic Resize