inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Tạo tờ rơi 3D - Dự án web tương tác

클릭 시 자꾸 page element만 인식됩니다.

291

MinJeong Kim

4 câu hỏi đã được viết

0

위 화면에서 BackBtn이 인식이 되지 않고 Page element만 인식이 됩니다.

참고로 강사님이 주신 코드 압축 풀어서 실행했는데도 저래요...

 

console.log로 찍어도 계속 page만 인식되고,

backBtn에 z-index: 2000을 줬는데도 backBtn는 인식이 되지 않습니다.

부모 element가 자식 element 영역을 전부 잡아먹는 것 같습니다.

 

HTML/CSS 인터랙티브-웹 javascript

Câu trả lời 1

0

studiomeal

아래도 같은 질문이 있어서 조금 전에 답변 드렸는데요, 저도 몰랐는데 최근에 크롬이 업데이트 되면서, 3D 처리에 대한 부분이 변경이 된 것 같습니다!
3D 효과가 중첩되는 경우 자동으로 인식이 안되어서, preserve-3d를 이벤트가 필요한 요소들에 모두 넣어주면 해결됩니다.

.menu-list와 .menu-item의 CSS에
transform-style: preserve-3d;
 를 추가해주시면 해결 될거예요 :)
강의에도 코멘트 업데이트 해놓아야겠네요. 알려주셔서 감사합니다^^

0

alvinlog

좋은 강의 감사드립니다!

page-face에도 transform-style: preserve-3d; 추가해야 됩니다!

(완성본에는 page-face에도 적혀있지만, 기록용으로 남깁니다!)

연애인 사주는 그냥 넣어도 상관없나요?

0

17

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

21

1

인프당 무당 캐릭터 뽑는 프롬프트

0

29

2

10월 15일 삭제예정 강의 문의

0

39

1

강의가 중복됐어요

0

53

1

transform-style: preserve-3d; 를 추가하면

0

126

1

Babel의 사용법 아래 링크의 영상이 비공개 동영상이라고 뜹니다.

0

170

1

페이지 클래스리스트 제거 해줬을때

0

134

0

페이지를 클릭할 때 Uncaught TypeError: Cannot read properties of undefined (reading 'contains') 에러가 뜹니다.

0

1101

1

질문 있습니다ㅠ.ㅠ..

0

455

1

가운데 페이지만 줌인이 됩니다

0

311

1

body에 perspective를 주면 갑자기 html과 body 높이가 0이 됩니다

0

446

1

줌인 상태일 때

0

310

1

이벤트 위임 방식 질문

0

287

1

이사람 누군지 아세요..?

3

466

1

선생님 질문있습니다 이 강의를 리액트환경에서 적용하고싶은데요,

0

332

1

질문있습니다.

0

251

1

선생님 질문잇습니다. ㅠ

0

320

1

줌인이 왜 안되는지를 모르겠어요..

1

318

1

질문이 있어요

1

279

1

질문 있습니다.

0

421

2

선생님 질문 있습니다!

1

314

2

쌤 화면 크기 줄엿을때 글자들 삐져나오는거는 어떻게 해결하죠?

0

451

2

소스코드 압축이 풀리지 않습니다.

0

411

4