z-index Problem

    Hallo zusammen,

    ihr findet hier ein Coverflow-Script, welches ich angepasst habe: https://dl.dropboxusercontent.com/u/37026928/test_ca/index.html
    (Für die iPad 3-Auflösung optimiert, deshalb der Rechtsscroll! Bitte mit Safari öffnen).

    2 Probleme, für die ich keine Lösung finde:
    1. Das Scrollen durch die Bilder geht viel zu schnell. Ihr werdet es selber merken. Wie/wo verlangsame ich das?
    2. Der Button unten "INFORMATIONEN" lässt sich auf dem iPad nicht klicken (im Browser geht es aber). Man sieht im Safari bereits, dass der Schatteneffekt des jeweiligen Covers den Button überlagert. Dies ist vermutluch auch das Problem. z-index / position:absolute; bringt überhaupt nichts, um den Button nach vorne zu bringen und so auch auf dem iPad klickbar zu machen.

    Hat jemand Lösungsansätze für mich? Bin für jede Hilfe dankbar!

    LG,
    machti

    Aus http://luwes.co/labs/js-cover-flow/

    Zitat

    On mobile devices like the iPad and iPhone the animations are hardware accelerated by using CSS3 transforms resulting in a very smooth user experience.


    Damit bleibt das Element immer im Vordergrund, egal was du machst.

    Z-index auf Videos geht im iOS auch nicht. Der Grund ist um Batterielaufzeit zu sparen, soweit ich informiert bin.

    Musste das halt anders lösen.