HTML -webkit-transform: translateZ(0); Links gehen nicht mehr

[Sithys]

Hallo zusammen,
entwickel gerade eine Android HTML5 App. Ich nutze hierfür jquery-mobile und cordova.

Problem: Mein Header und Footer sprangen wie wild durch die Gegend, wenn man gescrollt hat trotz diverser Einstellungen. iOS kein Problem, Android schon.
Ein bisschen gegoogelt,

-webkit-transform: translateZ(0);

als Problem ausgemacht (war nicht vorhanden) in der jQM.css ergänzt und dann geht es plötzlich alles.

Daraus resultiert aber ein neues Problem -> Jetzt gehen die Links im Header und Footer nicht mehr, also diese haben keine Funktion mehr.

LogCat output:

06-19 15:32:15.331: V/WebViewInputDispatcher(29282): blockWebkitDraw
06-19 15:32:15.331: V/WebViewInputDispatcher(29282): blockWebkitDraw lockedfalse
06-19 15:32:15.336: V/webview(29282):  singleCursorHandlerTouchEvent -getEditableSupport  FASLE 
06-19 15:32:15.631: D/webview(29282): blockWebkitViewMessage= false

Hat jemand eine Idee, wie ich die Links wieder klickbar mache?

Danke vorab

 

[thecain]

Meine Vermutung ist, das die Links nun von einem anderen Element verdeckt werden. Dies kannst du mit Firebug perfekt testen.

 

[Daaron]

Denk auch, du hast soeben den z-index versaubeutelt. Nun liegts "hinter" etwas andere, transparentem. Schönen hohen z-index drauf, und das Problem sollte erledigt sein.