Bug di rendering Z-index in Chrome 19?

Ho un menu a discesa su un sito che veniva visualizzato correttamente in tutti i browser, incluso Chrome fino a poco tempo fa. Ora in Chrome 19 è reso dietro un altro elemento anche se entrambi hanno il posizionamento e il menu ha lo z-index più alto.Bug di rendering Z-index in Chrome 19?

vedi immagine di nell'angolo superiore destro:

enter image description here

E qui è il sito: http://www.mediaplanet.com/international/

È questo un bug di rendering o è qualcosa di sbagliato con il mio codice?

fonte

2012-05-22 Testil Testilsson

Deve essere un bug. Ho eseguito il test nello strumento per sviluppatori di Chrome, ma non ha funzionato. Anche StackOverflow ha alcuni problemi di z-index con la nuova versione. Il tuo codice sembra essere Ok. –

Confermato un problema in Chrome 19. Funziona correttamente in Firefox 13 Beta. –

La mia soluzione qui sotto corregge il bug CSS per Chrome 19 .... –

Nel foglio di stile style.css, impostare un z-index di 9999 a #header .row e che dovrebbe farlo.

Attualmente è:

#header .row { 
    position: relative; 
    overflow: visible; 
}

funziona per me in Chrome 19 se si cambia a:

#header .row { 
    position: relative; 
    overflow: visible; 
    z-index: 99999; 
}

Questo dovrebbe fare il trucco! :)

fonte

2012-05-22 15:09:03

Sweeeet! Grazie mille, ho pensato di provare già ogni combinazione, ma sicuramente mi mancava quella! –

Bug di rendering Z-index in Chrome 19?

risposta

Problemi correlati