메뉴 건너뛰기

2019.09.01 23:56

예제 5-6 질문입니다.

조회 수 176 댓글 1

<!DOCTYPE html>
<html>
<head>
<style>
div { position : absolute; }
img { position : absolute; }
#spadeA { z-index : -3; left : 10px; top : 20px; }
#spade2 { z-index : 2; left : 40px; top : 30px; }
#spade3 { z-index : 3; left : 80px ; top : 40px; }
#space7 { z-index : 7; left : 120px; top : 50px; }
</style>
</head>
<body>
<div>
    <img id="spadeA" src="media/A.png" width="100" height="140">
    <img id="spade2" src="media/2.png" width="100" height="140">
    <img id="spade3" src="media/3.png" width="100" height="140">
    <img id="spade7" src="media/7.png" width="100" height="140">
</div>
</body>
</html>    

첨부해논 사진을 보면, 이상하게 7번카드의 위치가 예제의 정답과는 다르게 출력됩니다.

?
  • ?
    관리자 2019.09.02 00:40
    오타가 있습니다.
    #space7 { z-index : 7; left : 120px; top : 50px; }
    -->#spade7 { z-index : 7; left : 120px; top : 50px; }

    참고로 오타는 스스로 잡았으면 합니다.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18153
201 8장 실습 문제 5번 3 아리 2019.12.04 214
200 11장 6번 으엉 2019.11.27 186890
199 document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 tlqk 2019.11.24 442
198 실습문제 6장 3번-2 1 어려워 2019.11.15 197
197 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 485
196 서버설치와 코드편집기 질문 드려요~ 1 TS2019 2019.10.26 131
195 7장 6번 문제 질문 1 jj 2019.10.22 252
194 207p 4장 실습문제 3번 질문 1 file 웹개발초보 2019.10.19 261
193 8장 실습문제 2번에 (3)번 2 알려주셔요 2019.10.17 317
192 8장 실습문제 1번에 (2)번 알려주셔요 2019.10.17 469
191 7장 실습문제 1번 질문 드립니다. 1 111 2019.10.15 215
190 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 278306
189 3장 4번 질문입니다 1 질문자 2019.10.04 240
188 3장오픈챌린지 질무닙니다. 1 파랑 2019.09.29 221
187 2장 오디오 실습문제에 대해서 질문이있습니다 1 ㅇㅇㅇ 2019.09.20 211
186 570page 예제 13-7 1 이주원! 2019.09.03 167
185 교재 225page 예제5-8 질문입니다. 1 ㅇㅅㅁ 2019.09.02 141
» 예제 5-6 질문입니다. 1 file 이상민 2019.09.01 176
183 10장 실습문제5번 질문입니다, 1 asdfdef 2019.08.31 1153
182 오픈챌린지10번 재질문입니다. 2 이상 2019.08.31 266
목록
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 ... 21 Next
/ 21
위로