클릭 시 자꾸 page element만 인식됩니다.
243
작성한 질문수 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에도 적혀있지만, 기록용으로 남깁니다!)
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
19
1
구글 서치콘솔 도메인 소유권 확인 실패
0
10
1
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
25
1
다음 강의 얼른 올려주세요
0
21
2
일반 강의와 차이점?
1
25
1
transform-style: preserve-3d; 를 추가하면
0
53
1
Babel의 사용법 아래 링크의 영상이 비공개 동영상이라고 뜹니다.
0
126
1
페이지 클래스리스트 제거 해줬을때
0
94
0
페이지를 클릭할 때 Uncaught TypeError: Cannot read properties of undefined (reading 'contains') 에러가 뜹니다.
0
1054
1
질문 있습니다ㅠ.ㅠ..
0
417
1
가운데 페이지만 줌인이 됩니다
0
272
1
body에 perspective를 주면 갑자기 html과 body 높이가 0이 됩니다
0
407
1
줌인 상태일 때
0
273
1
이벤트 위임 방식 질문
0
232
1
이사람 누군지 아세요..?
3
422
1
선생님 질문있습니다 이 강의를 리액트환경에서 적용하고싶은데요,
0
294
1
질문있습니다.
0
218
1
선생님 질문잇습니다. ㅠ
0
274
1
줌인이 왜 안되는지를 모르겠어요..
1
275
1
질문이 있어요
1
251
1
질문 있습니다.
0
379
2
선생님 질문 있습니다!
1
272
2
쌤 화면 크기 줄엿을때 글자들 삐져나오는거는 어떻게 해결하죠?
0
399
2
소스코드 압축이 풀리지 않습니다.
0
350
4