5
HTMLChrome su Android non rispettando z-index per il link scatta esempio
<div class="container">
<div class="child">
<a href="http://www.google.com" target="_blank">Google</a>
</div>
</div>
<a href="http://www.yahoo.com" target="_blank" class="y">Yahoo</a>
CSS
.container{position: relative;display: block;width: 100px;height: 30px;background: #000;z-index: 7;}
.child{position: absolute;width: 100px;height: 100px;background: #CCC;padding-top: 30px;z-index:9;top: -999px;}
.child a{display: block;}
.container:hover .child{display: block;top: 0;}
.y{z-index: 6;}
di lavoro: http://jsfiddle.net/DemjR/6/
ho creato menù hover CSS sul sopra l'esempio (nel link) e stranamente non funziona come si suppone in chrome (v 25.0.13 64.123) nei dispositivi Android. ma funziona correttamente in tutti gli altri dispositivi che ho provato in (ios, windows, mac ecc.)
Il problema è (in Android): Quando si passa il mouse sulla casella nera appare un div grigio che ha un collegamento (google.com) in esso.
Quando si fa clic su questo link in realtà innesca sul link dietro (yahoo.com) e non (google.com)
Si tratta di un bug di cromo nei dispositivi Android?
Grazie in anticipo
Testato su HTC Desire 4.1 ROM personalizzata con il browser di default, e le opere. Tuttavia, come dovremmo spostare il div sui dispositivi? Ha funzionato facendo clic su di esso per me. – Bigood
si tocca il div e si innescherà l'evento hover. –