위의 이미지는 1.2K byte 크기의 작은 이미지 입니다.

배경 이미지를 레이어의 크기를 맞추어서 배경 이미지를 지정하면 아주 큰 이미지를 만들 수 있습니다. 이런 레이어를 여러겹으로 놓아주면 전체가 이미지 같은 효과가 나옵니다.

#D1 { 
	position:absolute; top:0; left:0; width:600; height:400; 
	clip:rect(0,600,400,0); 
	background-image:url(../images/redBrick.gif); 
	layer-background-image:url(../images/redBrick.gif);
}

<div id=D1> </div>