Tengo algunas imágenes con altura = automática porque a veces son alturas diferentes, pero siempre tienen el mismo ancho. Funciona en todos los navegadores, excepto en I.E., ¿hay algo similar que pueda usar?IE no admite altura = automático para imágenes, ¿qué debo usar?
acaba de salir de
height=auto
a cabo. Si no es dado que es "auto" por defecto ...
Probar altura: automático en CSS, debería funcionar en todos los navegadores – Dion
En "vista de compatibilidad de IE9 - Documento Estándar IE7 modo "dejar de altura = auto no puede resolver el problema. Intente agregar CSS condicional y en su archivo css especial para IE (" ie.css ") agregue una línea que le asigne la altura mínima apropiada a su clase/elemento afectado.
por ejemplo:
.IE7 [elemento css]. {Min-altura: xxxpx;}
Donde xxx es igual a la altura de la imagen es necesario.
Eso asume otro código en la parte superior de la página ... ver http://www.impressivewebs.com/ ie7-ie8-css-hacks/ – Gus
Use height: auto junto con width: auto y funcionará en IE. Si especifica solo uno de ellos, IE se enoja.
height: auto;
width: auto;
Solo elegirá este último. En este caso, haciendo que el ancho tenga prioridad sobre la altura. –
Esto no funciona en IE 10. Cuando eliminé el ancho: auto; y mantuve la altura : automático; comenzó a mostrar el objeto otra vez. De lo contrario, la imagen no aparecería con ambos en auto. – penmas
height: initial; funcionará en lugar de usar height: auto; en cromo y es decir.
Encontré que al agregar min-height: 1px resolvió el problema. No estoy seguro por qué, pero funcionó para mí.
He intentado todas las soluciones publicadas, y el único que funciona es
height=100%
Esto puede tener la consecuencia involuntaria de estirar la imagen. –
¿Qué significa 'height = auto' hacer? Si no especifica una altura, usará el valor de altura real de la imagen. –
Hace que la imagen tenga una altura de 1 en IE. Funciona bien en otros navegadores. –