클릭 시 자꾸 page element만 인식됩니다.
245
작성한 질문수 4
위 화면에서 BackBtn이 인식이 되지 않고 Page element만 인식이 됩니다.
참고로 강사님이 주신 코드 압축 풀어서 실행했는데도 저래요...
console.log로 찍어도 계속 page만 인식되고,
backBtn에 z-index: 2000을 줬는데도 backBtn는 인식이 되지 않습니다.
부모 element가 자식 element 영역을 전부 잡아먹는 것 같습니다.
답변 1
0
아래도 같은 질문이 있어서 조금 전에 답변 드렸는데요, 저도 몰랐는데 최근에 크롬이 업데이트 되면서, 3D 처리에 대한 부분이 변경이 된 것 같습니다!
3D 효과가 중첩되는 경우 자동으로 인식이 안되어서, preserve-3d를 이벤트가 필요한 요소들에 모두 넣어주면 해결됩니다.
.menu-list와 .menu-item의 CSS에
transform-style: preserve-3d;
를 추가해주시면 해결 될거예요 :)
강의에도 코멘트 업데이트 해놓아야겠네요. 알려주셔서 감사합니다^^
0
좋은 강의 감사드립니다!
page-face에도 transform-style: preserve-3d; 추가해야 됩니다!
(완성본에는 page-face에도 적혀있지만, 기록용으로 남깁니다!)
교재(3쇄)와 강의 내용 문의
0
17
2
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
21
1
call stack 표현이 잘못표현된것이 아닌가요?
0
53
2
part3. spy 쪽 / part3,part4 강의자료
0
31
2
최종 코드
0
37
2
transform-style: preserve-3d; 를 추가하면
0
56
1
Babel의 사용법 아래 링크의 영상이 비공개 동영상이라고 뜹니다.
0
137
1
페이지 클래스리스트 제거 해줬을때
0
98
0
페이지를 클릭할 때 Uncaught TypeError: Cannot read properties of undefined (reading 'contains') 에러가 뜹니다.
0
1063
1
질문 있습니다ㅠ.ㅠ..
0
422
1
가운데 페이지만 줌인이 됩니다
0
275
1
body에 perspective를 주면 갑자기 html과 body 높이가 0이 됩니다
0
409
1
줌인 상태일 때
0
275
1
이벤트 위임 방식 질문
0
236
1
이사람 누군지 아세요..?
3
424
1
선생님 질문있습니다 이 강의를 리액트환경에서 적용하고싶은데요,
0
296
1
질문있습니다.
0
221
1
선생님 질문잇습니다. ㅠ
0
279
1
줌인이 왜 안되는지를 모르겠어요..
1
278
1
질문이 있어요
1
256
1
질문 있습니다.
0
382
2
선생님 질문 있습니다!
1
277
2
쌤 화면 크기 줄엿을때 글자들 삐져나오는거는 어떻게 해결하죠?
0
403
2
소스코드 압축이 풀리지 않습니다.
0
353
4