예제 소스 Exercise/12장/KidsGao/css/style.css
#intro .cloudWrap .leftCloud { position: absolute; /* 왼쪽 구름을 3차원 특징으로 변경합니다. */ width: 934px; height: 816px; background-image: url(../img/intro/cloud1.png); left: 0; /* cloudWrap 서랍장을 기준으로 왼쪽 끝에 배치됩니다. */ z-index: 2; } #intro .cloudWrap .rightCloud { position: absolute; /* 오른쪽 구름을 3차원 특징으로 변경합니다. */ width: 843px; height: 858px; background-image: url(../img/intro/cloud2.png); right: 0; /* cloudWrap 서랍장을 기준으로 오른쪽 끝에 배치됩니다. */ z-index: 1; }
그림 12-10 absolute 속성값과 z-index 속성을 적용한 결과