IE9 enlace desplazamiento css cambio de color desplazamiento vertical

IE 9 al pasar el ratón sobre un enlace, empuja algo del código HTML hacia abajo en la página. cuando quito el color deIE9 enlace desplazamiento css cambio de color desplazamiento vertical

td.subarea > h2 > a:hover { color: #aa051a; text-decoration: none;}

el problema no se produce.

No puedo pegar todo el código aquí, y estoy seguro de que es un problema único en esta página. Pero quizás alguien haya visto algo similar.

No mueve el Enlace (una etiqueta) hacia abajo en la página, es la tabla que contiene todo lo que se mueve.

Fuente

2011-09-16 Yogurt The Wise

Yendo a tener que proporcionarnos más información que una línea de css genéricos, puede haber una gran variedad de cosas que causan esto en el código sin relación alguna con esa propiedad de color. – SeventotheSeven

Si algo se mueve al colocar el cursor sobre un punto, entonces ese desplazamiento del cursor cambia el ancho de un elemento. Tal vez haya una diferencia de 1px en un borde, o algún texto sea ligeramente más ancho, lo que hace que un diseño flotante de píxeles perfectos se rompa repentinamente, porque ahora es 901px en lugar de 900px (o lo que sea). –

Asegúrate de que las propiedades de la altura de la línea y del tamaño de la fuente sean las mismas para la normal y para el vuelo estacionario.

Fuente

2011-09-16 14:01:49

El tipo de problema encontrado hace que la mesa deje de moverse. margin-top: -20px. Aunque olny bajó aproximadamente 10px.

Probablemente un problema de renderizado IE9. IE7/8 realmente mueve la tabla en la carga inicial.

Los tamaños de fuente, alturas de línea, todos los css, son todos buenos para el enlace.

Marc B probablemente esté cerca de la cuestión de que IE muestre algo incorrecto y advierta que las carrozas y demás se equivocan.

Ahora tenemos que crear un diseño de tabla con una página de diseño de tabla (ugh, diseño de tabla de odio).

Fuente

2011-09-16 14:18:57

Parece que este problema ocurre en IE9 cuando el elemento del contenedor está establecido en overflow: auto y se está produciendo alguna acción de desplazamiento en el elemento secundario.

Hay una solución muy simple de agregar min-height: 0px al elemento contenedor, que funciona.

La explicación detallada del error y esta solución se puede encontrar en este enlace: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

Fuente

2012-09-30 21:21:05 mohitp

Diferencia muy sutil, pero 'min-height: 0px' como se cita en esta respuesta no funciona para mí. Sin embargo, 'min-height: 0%' como se cita en el artículo vinculado funciona perfectamente cuando se aplica al elemento con desbordamiento que aumenta de tamaño. –

Para mí que tenía que especificar

height:100%;

Entonces tuve que seguir adelante y especificar

width:100%;

La 'min-height: 0px' por mohitp de arriba me puso en el camino correcto.

Fuente

2014-02-06 12:08:12

¿Has probado la altura mínima: 0% ;? 0px no funcionó para mí, pero 0% lo hizo. ¡El maldito problema continúa existiendo en IE11 también! – Navarr

No intenté eso, ni recuerdo en qué estaba trabajando que tuviera el problema ahora. Realmente debería agregar una pista para mí en alguna parte. –

IE9 enlace desplazamiento css cambio de color desplazamiento vertical

Respuesta

Cuestiones relacionadas