Cześć,

Mam sobie coś w ten deseń:

[HTML] pobierz, plaintext 
<div id="container">
<section id="content">
...
</section>
<video id="video">
...
</video>
</div>
[HTML] pobierz, plaintext 

I teraz #content oraz #video są pozycjonowane absolutnie (100% width / height - chodzi o to, żeby #content przykrywało #video). O ile w PCtowych przeglądarkach wszystko jest ok, na Safari Mobile (iPad) klikając lub robiąc coś z #content dzieje się również z #video. Jak np. kliknę gdzieś po środku to #video startuje (bo mniej więcej w środku jest button od Play) albo custom scroll nie działa, bo SM myśli, że próbuję coś zrobić z video dotykając palcem. Dodam, że wyższy z-index na #content nic nie daje.

Ma ktoś pomysł co zrobić z tym fantem na to GorszeNawetOdIE ustrojstwo?

Jakiś link do tego?

http://jsfiddle.net/wmd5Y/

Hmmm, nie mam jak tego sprawdzić ;/ A próbowałeś może

[CSS] pobierz, plaintext 
opacity: 1;
[CSS] pobierz, plaintext 

dla górnej warstwy?

Albo dla video dodać:

[CSS] pobierz, plaintext 
-webkit-transform-style: preserve-3d
[CSS] pobierz, plaintext 

Wygląda to jakby przeglądarka ignorowała style i video zawsze będzie na wierzchu. Kiedy dasz tam jakiś button normalny, już jest ok prawda?

Pierwsze co to dałem maksymalne opacity i wszelkie backgroundy dla bloku na topie :-)

Nie... takie coś też nie działa (klika się play): http://jsfiddle.net/wmd5Y/1/, a button nie reaguje

// EDIT

http://jsfiddle.net/wmd5Y/5 - nawet przy tym działa background zamiast topu.

Dodam, że to nie problem z potomkami, bo coś takiego również działa nieprawidłowo:

http://jsfiddle.net/wmd5Y/8/

I nie jest to problem z siblingsami, zmienianie kolejności to również zero efektu.