mania-ku

何か作りたいプログラマ未満。

【CSS3】高さや幅を変えても、全画面で背景を表示したい!

こんなときがあると思います。
今回はbodyにその背景を指定するとして。
幅か高さどちらか大きい方に合わせて背景を覆ってくれます。

html {
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background: url(背景画像指定) no-repeat;
	background-size: cover; //IE9以上
}

IE8以下でも効かせたい場合はPIEをご利用ください!

Pocket
LINEで送る