Full-screen background (IE included) - CSS Snipplr Social Repository

Revision: 49716

at July 28, 2011 17:02 by a1ias

Initial Code

.content {
	position: relative;
	width: 760px;
	z-index: 10;
}
.background {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:2;
}
.portrait {
	height: 100%;
}
.landscape {
	width: 100%;
}
.full {
	width: 100%;
	height: 100%;
}

Initial URL

http://www.1stwebdesigner.com/css/17-css-html-effects/

Initial Description

HTML should look like this:

<div>
	<p>Lorem ipsum here</p>
</div>
<div>
	<img>
</div>

Initial Title

Full-screen background (IE included)

Initial Tags

ie, background

Initial Language

CSS

Choose a language for easy browsing: