메뉴 건너뛰기

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 18171
302 9장 연습문제 4번 1 초보 2020.10.16 1007
301 303p. 12번에 2질문 드립니다 1 2020.10.15 96
300 302p. 7번에 (2)번 문제 2020.10.15 73
299 264p 문의 1 . 2020.10.15 65
298 282p. 예제 6-14 출력 문의 드려요 1 file . 2020.10.15 82
297 z-index 관련 질문 번역봇 2020.10.13 63
296 2장 인라인프레임만들기 예제 2-24 다시질문해요 2 고수가되고싶어요 2020.10.11 89
295 실습 문제 4장 4번 문제에 대해서 질문드립니다. 1 ㅇㅇ 2020.10.11 121
294 2장 인라인프레임만들기 예제 2-24 file 고수가되고싶어요 2020.10.10 75
293 연습문제 5장 10번 문제 질문드립니다. 1 . 2020.10.08 246
292 실습문제 5장 9번 1 file 2020.10.08 211
291 연습문제 3장 p.155 5번 문제 1 열심히해보자 2020.10.07 412
290 연습문제 4장 8번문제 1 file 도라에몽 2020.10.02 252
289 실습문제 4장 8번 1 2020.09.27 448
288 이거 1장 부터 시작해서 답을 어디서 확인해야 되죠? 2020.09.27 222
287 6장 실습문제 2번 3번문제 초보 2020.09.16 146
286 p.583 4번 질문드립니다. 6 열심히 공부하는 독자 2020.09.14 287
285 p.524 쿠키 질문드립니다. 2 열심히 공부하는 독자 2020.09.12 71
284 예제 13-9 질문드립니다. 4 열심히 공부하는 독자 2020.09.12 100
283 page 46 마우스 올릴시 이미지 출력 2 file 공부중 2020.09.10 318
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로