"position: fixed" div non è fisso quando genitore ruota o traduce

A div con "position: fixed" è incorporato in un genitore div. Quando il genitore ruota o traduce, si sposta anche il bambino div."position: fixed" div non è fisso quando genitore ruota o traduce

È un errore? Mi aspettavo che il bambino div rimanesse fisso.

frammento di codice HTML:

<div id="mask"> 
    <div id="page"> 
    </div> 
</div>

Consulta l'Repro a: http://jsfiddle.net/PseKK/

so che posso risolvere il problema applicando la trasformazione inversa al bambino div, ma per motivi di prestazioni nel mio scenario reale, io Sto cercando una soluzione che non implichi un'ulteriore trasformazione.

Qualche idea su come superare?

fonte

2012-02-20 viebel

Non puoi estrarre il div interno? Se no, perché? –

Non posso perché nel mio scenario reale il genitore div maschera parte del div figlio. – viebel

È comunque possibile estrarre la divisione interna. Fallo, quindi gioca con 'z-index' per posizionare la maschera sopra la pagina. –

Questo è un repost, la risposta si trova in questa domanda iniziale

Positions fixed doesn't work when using -webkit-transform

Purtroppo è un bug, ma sembra che ci sia un modo per aggirare l'ostacolo.

fonte

2012-02-20 16:20:56 JimmyBanks

Grazie mille! Sai come "trasformare l'immagine trasformata in un'immagine e usarla come sfondo" come suggeriscono? – viebel

Credo che stiano dicendo che invece di usare il CSS per il div trasformato, usare un'immagine e posizionarla come sfondo all'interno di un div fisso, in modo da avere un'immagine posizionata, invece del CSS effettivo per la forma di trasformazione. [Purtroppo non è proprio una "correzione", ma sembra che non ci sia nient'altro da fare.] – JimmyBanks

cosa intendi con "sembra esserci un modo per aggirarlo"? perché non puoi semplicemente scriverlo come risposta se c'è un modo, invece di postare un commento come risposta? – vsync

"position: fixed" div non è fisso quando genitore ruota o traduce

risposta

Problemi correlati