CSS: posición: fija dentro de posición: absoluta
Me estoy topando con algunos comportamientos extremadamente extraños y no consistentes en todos los navegadores que he probado.
Tengo un diseño bastante complejo, pero el problema principal radica aquí:
<div id="drop">
<div id="header"></div>
</div>
#drop
tieneposition:absolute
yz-index:100
#header
tieneposition:fixed; top:60px;
Cuando empiezo a desplazarme hacia abajo, Chrome ignora elposition:fixed
regla. Si me quitoya sea de los dos estilos anteriores de#drop
entonces Chrome comienza a respetar elposition:fixed
regla.
no puedo hacerlo funcionar en Ubuntu Chrome 23.0.1271.97 y ver el mismo comportamiento en Mac Chrome 25.0.1364.99. Mi amigo usa Ubuntu Chrome 25.0.1364.68 beta y funciona correctamente para él. Lo he probado en Firefox y funciona un poco (con otros síntomas)
¿Alguien ha oído hablar de este error? ¿O puede alguien reproducirlo?
editarEstoy usando Openlayers Map como otro div conposition:fixed
Si borro esa capa o al menos la cambio adisplay:none
entonces este bicho raro desaparece.
Noté que durante la presencia de este error, si cambio el nivel de zoom hacia adelante y hacia atrás, la posición se ajusta al comportamiento adecuado. Para mí, esto indica un problema de webkit que no puede ejecutar alguna función de devolución de llamada interna en el desplazamiento.
Otra cosa extremadamente extraña es que tengo algunos enlaces dentro de#header
y funcionan si simplemente hago clic en la ubicación esperada, aunque el div no aparece allí. En generalMe he dado cuenta de que es sólo la representación. eso está roto Si en algún momento obligo al navegador a volver a renderizar cambiando el tamaño de la ventana, o cambiando el zoom, o simplemente haciendo Select-All, la barra de encabezado salta a la posición correcta, pero no permanece fija.