【Sample】Full screen display with an image only by CSS

Demo1

 Enter to Demo


CSS

body {
	color: #888;
}
#fullscreen img {
	width: 100%;
	height: auto;
	min-width: 960px;
	min-height: 600px;
	position: fixed;
	z-index: -1;
}.full-screen {
	margin: 0 auto;
	padding: 10px;
}
h2 {
	width: 208px;
	margin: 0 auto;
	padding: 10px;
}
h3 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 25px 0 10px 10px;
}
.sample-demo {
	margin: 0 auto 40px auto;
	padding: 0;
}
.ad_contents {
	width: 98%;
	max-width: 728px;
	text-align: center;
	margin: 10px auto;
}
.ad_horizontal {
	width: 98%;
	max-width: 728px;
	text-align: center;
	margin: 10px auto 20px auto;
}
article section p {
	padding: 10px 10px 200px 10px;
	text-align: center;
}
#copyright {
	margin: 10px 0 10px 0;
	text-align: center;
	font-size: 14px;
}

Demo2

 Enter to Demo

CSS

body {
	color: #888;
}
.full-screen {
	margin: 0 auto;
	padding: 10px;
}
body {
	background: url(bg.png) no-repeat center top fixed;
	background-size: cover;
}
h2 {
	width: 208px;
	margin: 0 auto;
	padding: 10px;
}
h3 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 25px 0 10px 10px;
}
.sample-demo {
	margin: 0 auto 40px auto;
	padding: 0;
}
article section p {
	padding: 10px 10px 200px 10px;
	text-align: center;
}
#copyright {
	margin: 10px 0 10px 0;
	text-align: center;
	font-size: 14px;
}
Back to the previous page