2012-08-13 8 views
8

C'è un modo per nascondere l'overflow di un fisso div con un contenitore? Pensavo che fissato fisso sarebbe farlo, ma sembra che non sia il caso. L'unica soluzione che posso pensare sono le maschere "invertite": altre div fisse nascondono tutto intorno a quello, ma sarebbe meglio se ci sono altre soluzioni.Nascondere overflow su elementi con posizione fissa

Ecco il violino: http://jsfiddle.net/pjFa6/1/

+0

Rimuovere il fisso dal div interno e aggiungere "posizione: relativo;" a loro. http://jsfiddle.net/pjFa6/12/ – Jeemusu

+0

La domanda si riferisce solo ai div con posizione fissa. – Yisela

+0

In questo caso, l'unica cosa che posso pensare è impostare il div interno in posizione assoluta anziché fissa. http://jsfiddle.net/pjFa6/15/. Non è possibile nidificare un elemento fisso e averlo contenuto all'interno del suo elemento wrapping, per quanto posso dire. Dovresti mascherarlo, il che non sarebbe molto bello. – Jeemusu

risposta

8

Purtroppo sembra essere impossibile per nidificare un elemento fisso all'interno di un altro elemento (fisso o no) e si aspettano l'elemento esterno per avvolgere e nascondere qualsiasi troppo pieno.

L'unica cosa che posso pensare è impostare il div interno a position:absolute anziché fisso. Ecco un esempio basato sul tuo jsfiddle: jsfiddle.net/pjFa6/15.

+2

Argh, vorrei che fosse possibile con 'position: fixed'. Deve esserci un modo ... – frhd

+0

è invece possibile .. guarda qui [http://stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug](http:/ /stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug) –

0

con una dichiarazione z-index: any value; nel contenitore si eseguirà in alcuni browser Webkit, come chrome.

Problemi correlati