Sto riscontrando un problema con la proprietà del visuale posteriore. Funziona come lo voglio in Safari/Chrome, ma per qualche motivo non funziona correttamente in Firefox.Backface: la visibilità non funziona correttamente in Firefox (Works in Safari)
Quando la casella ribalta, ottengo un'immagine speculare della faccia anteriore:
Link al sito: http://www.ericouture.com/
Prova a mettere 'controfaccia-visibility: hidden' sia per l'oggetto e il suo contenitore. Questo è ciò che ha funzionato per me con questo errore
Questo problema è stato risolto in firefox fino alla v30. L'ultima versione v31 presenta lo stesso problema. La soluzione data ha funzionato anche per me. Grazie. – Ninz
Sfortunatamente l'aggiunta di 'backface-visiblity: hidden' sul contenitore rende il retro non risponde in Chrome. –
Ho lo stesso problema con iPhone 6, Safari. Nella maggior parte dei casi, non vedo alcun motivo per non applicare 'backface-visibility: hidden' al corpo, per collegare a cascata tutti gli elementi (oltre a dove è necessario). – Sablefoste
Questo errore è stato acknowledged by Mozilla.
La correzione consiste nell'aggiungere transform: rotateX(0deg) agli oggetti fronte e retro.
L'aggiunta di backface-visiblity:hidden sul contenitore, come suggerito da @yalia, rende la parte posteriore non risponde in Chrome, quindi è necessario evitare tale correzione.
Ecco uno fiddle con la correzione.
Usa 'transform: ruateX (0deg)' corregge lo stesso bug che avevo su Safari – mems
nice transform: ruotareX (0deg) funzionava come un incantesimo <3 –
Ho avuto un comportamento diverso. Aggiunta della trasformazione: ruotareX (0deg) su entrambe le facce nasconde il retro, ma aggiungerlo solo alla parte anteriore ha funzionato bene per me. – AyexeM
Ho lo stesso identico problema in Firefox 10.0.2! Sembra che la proprietà si applichi solo alla faccia anteriore, ma quando si gira con una rotazione di 180 gradi, la faccia posteriore non ha più la proprietà applicata. Qualcuno ha una soluzione?! – Mark