En mi sitio web que necesita usar la propiedad CSS overflow: overlay para un <div>.desbordamiento: superposición no funciona en Firefox
Sin embargo, no está prestando en el navegador y una inspección de la CSS en Firebug muestra que no es ni siquiera existe, pero es como funciona en Chrome. No he probado safari.
¿Qué debo cambiar para obtener la propiedad css overflow: overlay de trabajo?
Gracias
valores posibles para desbordamiento son:
visible
hidden
auto
scroll
Ver here o here para una discusión de estos.
uso de cualquier otro valor en diferentes navegadores producirá resultados impredecibles como que manejan el valor incorrecto de manera diferente.
Editar: Siguiendo el comentario, he logrado encontrar mención de desbordamiento: superposición here.
superposición se describe como:
contenido se recorta y se añaden cuando sea necesario barras de desplazamiento.
Es importante destacar que también se dice que solo funciona en Safari o Chrome (es decir, WebKit).
This item en Bugzilla WebKit sugieren que no es mucho en este mundo, en todo caso:
WebKit actualmente tiene un valor de desbordamiento de CSS patentada llamada "superposición", que es indocumentado y por lo que puedo decir de la lectura el código funciona exactamente como "auto".
Debemos o bien quitarlo o cambiarle el nombre a "webkit-superposición".
actualizado en Marzo el año 2016
Parece que overflow: overlay no ha desaparecido. Hay señales de que está funcionando, es camino a los estándares.
La diferencia entre overlay y auto sólo sería que las barras de desplazamiento aparecerían sobre la parte superior del contenido de la página, y no hacer que se tome espacio de diseño.
Superposición funciona igual que Auto. (barras de desplazamiento se agregan cuando es necesario) –
Sin embargo, hay una diferencia: con 'auto', la barra de desplazamiento se agrega debajo del elemento en x-overflow. Con 'overlay', ¡se agrega dentro del elemento! Esto significa que no se toma ninguna propiedad adicional de la pantalla, pero el texto dentro del mismo elemento está obstruido por la barra de desplazamiento. Es una diferencia sutil, pero útil. Probado en Chromium. – ypnos
"overflow: overlay" no es lo mismo que "overflow: auto".En el caso de que el estilo de la barra de desplazamiento dándole un poco de ancho, ambas propiedades tienen diferentes efectos. En el caso de superposición, la barra de desplazamiento no empuja el contenido de todos modos, ya que flota sobre el contenido y no está en el flujo de documentos normal. Pero en el caso de "overflow: auto", la barra de desplazamiento ocupa cierto ancho (según lo especificado por usted), y empuja el contenido como lo haría cualquier elemento de entrada. – maverick
¿Quieres decir 'overflow: visible'? –