iPad3 MP4 플레이어의 Z- 색인을 낮추려면 어떻게해야합니까?

나는 이상한 iPad3 (iOS 5.1) 문제를 알고 있지만 수정 방법을 모르겠다.iPad3 MP4 플레이어의 Z- 색인을 낮추려면 어떻게해야합니까?

짧은 버전 : IPad의 플레이어가 내 div를 모두 포함합니다. 어떻게 아래에 표시 할 수 있습니까?

긴 버전 : 웹 사이트에 vimeo 비디오가 포함되어 있습니다. 그 vimeo 비디오 위에는 Vimeo 비디오의 왼쪽 25 %와 오른쪽 25 %를 담는 두 개의 컨테이너가 있습니다.

왼쪽 컨테이너를 클릭하면 이전 비디오로 이동하고 오른쪽 컨테이너를 클릭하면 오른쪽 비디오로 이동합니다. 그것들은 25 %의 큰 화살표이고 Vimeo 비디오의 중간 부분은 "PLAY"기능을 위해 클릭 할 수 있습니다 (중간의 너비의 50 %는 클릭 할 수 있도록 덮여 있지 않습니다).

매우 훌륭합니다!

하지만 iPad 3에서 해당 동영상을 재생하면 MP4 플레이어 또는 무언가가되며 두 컨테이너를 모두 커버합니다 (클릭 할 수 없음 - 동영상의 전체 너비가 100 %이며 화살표가 표시됨). iPad3 MP4 플레이어의 Z- 색인을 낮추려면 어떻게해야합니까? 아니면 아직도 내 화살을 그 위에 올려 놓기 위해 뭔가 다른 것을합니까?

출처

2012-07-06 Atadj

실제 효과가없는 CSS 변환을 설정하면 Z- 색인 버그를 수정하는 데 "해킹"할 수 있으므로 어떨까요 (지금은 나와 함께 시도해 볼 ipad가 없습니다) :

-wekbit-transform : translate (0, 0);

CSS는 동영상 용입니다.

죄송합니다. 원래 소스가 아프다면 찾을 수 있습니다.

출처

2012-07-06 08:35:02 paullth

감사합니다. 작동하지 않습니다. "iPad 용 파이어 버그 (firebug for iPad)"도 커버하므로 코드 검사를 할 수 없다. – Atadj

부끄러운 :), 나는 블로그의 북마크, 어쩌면 다른 뭔가 http://blog.millermedeiros.com/html5-video-issues-on-the-ipad-and-how-to-solve-them/에서 깊은 것을 발견했다. – paullth

나는 길을 찾았습니다! 상상해보십시오 : 주 용기는 100 % 넓이이고, 비디오는 내부가 80 % 너비이고, 화살표는 측면이 25 %입니다. 그러나 부분적으로 비디오 밖에 있습니다. 그러면 왼쪽에 10 %, 오른쪽에 10 %의 여유 공간이 있습니다. 그것은 일했습니다 :)이 문제에 대한 창의적인 해결책이 있지만 괜찮습니다. 감사! – Atadj

iPad3 MP4 플레이어의 Z- 색인을 낮추려면 어떻게해야합니까?

답변

관련 문제