2012-08-13 22 views
8

¿Hay alguna manera de ocultar el desbordamiento de un fijo div con un contenedor? Pensé que arreglarlo dentro de Fix lo haría, pero parece que no es el caso. La única solución que puedo pensar son las máscaras "invertidas": otras divisiones fijas que ocultan todo alrededor de, pero sería mejor si hubiera otras soluciones.Ocultar desbordamiento en elementos con posición fija

Aquí está el violín: http://jsfiddle.net/pjFa6/1/

+0

Elimina el div fijo del divisor interno, y agrega 'position: relative;' a ellos. http://jsfiddle.net/pjFa6/12/ – Jeemusu

+0

La pregunta solo se refiere a los divs con posición fija. – Yisela

+0

En ese caso, lo único que se me ocurre es establecer el div interno en posición absoluta en lugar de fijo. http://jsfiddle.net/pjFa6/15/. No se puede anidar un elemento fijo y tenerlo contenido dentro de su elemento de envoltura hasta donde yo sé. Tendría que enmascararlo, lo que no sería muy agradable. – Jeemusu

Respuesta

8

Por desgracia, parece ser imposible para anidar un elemento fijo dentro de otro elemento (fijo o no) y esperar que el elemento exterior para envolver y ocultar cualquier desbordamiento.

Lo único que se me ocurre es establecer el div interno en position:absolute en lugar de fijo. Aquí hay un ejemplo basado en su jsfiddle: jsfiddle.net/pjFa6/15.

+2

Argh, desearía que esto fuera posible con 'position: fixed'. Hay que ser un camino ... – frhd

+0

es alcanzable en lugar .. mira aquí [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 declaración z-index: any value; en el contenedor hará en algunos navegadores webkit, como chrome.

Cuestiones relacionadas