이미지에 백그라운드를 적용할수 있을까?? 라는 질문에서 시작된 예제입니다.

생각해본적이 없었는데 재밌네요 ^^;

방식은 이미지에 display:block과 padding 값으로 주는 것입니다.

div {
background: url('blur.jpg') no-repeat top left;
width: 232px;
height: 200px;
}

img {
display: block;
background: url(‘parallax.gif’) no-repeat bottom left;
padding: 93px 100px 75px 100px;
}
샘플 예제 : http://www.semantic.pe.kr/example/img_bg_demo/