CSS 로 전체화면 배경넣기, 고정배경넣기

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

CSS 로 전체 배경화면을 설정했더니 화면이 이상하게 되었네요 ^^;

이 예제처럼 배경화면을 창크그에 따라 확대 시키고 크롭하여 화면에 맞춰줍니다.

브라우저의 창크기를 바꾸면서 어떻게 바뀌는지 확인해 보세요

사진은 예전에 청계산 갔을때 찍은 박새입니다.

먹을걸 주면 손에 앉아 물고 가더군요. 샘플이미지로 사용해 봤습니다.

새해 첫 글 이네요! 새해 복 많이 받으세요 !!

예제

소스

<style type="text/css">

	body {
		background:url('http://superkts.cdn1.cafe24.com/test1.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

</style>

<style type="text/css">

	body {
		background:url('http://superkts.cdn1.cafe24.com/test1.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

</style>