인프런 커뮤니티 질문&답변

박선우님의 프로필 이미지

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

CSS 3D 3

firefox에서 backface-visibility: hidden; 이 이상하게 먹힙니다.

작성

·

406

0

안녕하세요.

firefox에서 카드에 마우스 호버시 F의 글자가 남아 B와 겹칩니다.

아래 사진 첨부합니다.

 

ie용으로 만든 파일은 정상 작동을 하나, 사파리에서 해결했던 것과 같이 밴더프리픽스만 먹였을 때는 해결이 안되는 것으로 보입니다.

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-stylehttps://developer.mozilla.org/ko/docs/Web/CSS/backface-visibility 에서 브라우저 호환성을 확인했을 때

firefox에서 preserve-3d, backface-visibility 두 가지 모두 사용할 수 있는 속성으로 나와있는데 왜 안되는걸까요??

 

답변 2

0

앞면 카드에 있는 z-index 가 원인이더라구요.

z-index 를 삭제하시면 될거에요

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

혹시 사용하시는 파이어폭스 버전을 알 수 있을까요?