vimeo iframe을 처리하고 고정 요소를 배치하는 방법은 무엇입니까?

Question

내 사이트 : dwapotwory.com은 embed vimeo 비디오를 사용합니다. Safari (Mac) 및 때로는 Chrome (Win/Mac)에서 iframe이로드 될 때 position : fixed (헤더 및 왼쪽/오른쪽 버튼 div) 요소가 모두 충돌합니다. 사파리 모든 일에 iframe이없이

괜찮 : http://dwapotwory.com/1.html Safari에서 iframe을 가진

... : http://dwapotwory.com/2.html

나는 iframe이 DIV에 싸여 브라우저 창을 scalling 때 규모로 설정하지만이 원인이 아니에요을 문제 (필자는 vimeo 솔루션을 약간 응답 적으로 시도했지만 아무런 차이가 없었습니다).

Answer 1

동영상과 비슷한 문제 (단지 video 태그, 실제 iframes 등이 아님)와 고정 위치 컨테이너가 있기 때문에이 질문을 실행합니다.

사파리 문제는 꽤 무작위인데, 제 경우에는 고정 된 컨테이너에 -webkit-transforms를 추가하여 수정했습니다. 그러나 당신의 경우에는 Z- 인덱스를 절대 컨테이너로 설정하여 간단히 해결할 수 있습니다. 프레임, 나는 관리자가 직접 DOM을 조작 해 보았는데 제대로 작동하는 것 같습니다.