Las imágenes no se muestran en IE7 (pero funcionan bien en IE6/Firefox)

Question

Tener un problema con algunas imágenes con IE7: funciona bien en 6 y en todas las versiones de Firefox.

¿Alguien ha encontrado esto antes? Yo sé que he tenido que suceda en el pasado (y busqué en Google una solución, pero aspen si puedo encontrar la solución de nuevo ... nota de autoservicio, documentos cosas como esta para el futuro;))

<div class="contextBlock"> 
<p class="cntImg"><a href="files/image.jsp" title="Image"><img src="files/images/image.jpg" alt="Image" width="171" height="96" border="0">Image</a></p> 
<p class="cntImg"><a href="files/image2.jsp" title="image2"><img src="files/images/image2.jpg" alt="Image2" width="171" height="96" border="0">Image2 </a></p> 
<p class="comment">Click to enlarge</p> 
<div class="clr"></div> 

Answer 1

He tenido problemas similares en el pasado ejecutando la página localmente en mi máquina con IE7. Ese podría ser el problema.

Answer 2

¿El espacio para las imágenes está asignado pero las imágenes no se muestran?

¿Es posible que otro marcado en la página cubra el espacio en el que deberían aparecer las imágenes?

¿Está familiarizado con el web developer toolbar for IE?

Creo que es probable que las imágenes se estén renderizando y que no se pueden ver porque algo más las está cubriendo o la marca del contenedor en el que están está causando que no sea visible.

Buena suerte.

Answer 3

Dos cosas que fuerza ayuda:

1. cerrar sus etiquetas img con/>
2. intente eliminar el texto de sus enlaces

sus enlaces deben mirar un poco como esto:

<a href="files/image.jsp" title="Image"> 
    <img src="files/images/image.jpg" alt="Image" width="171" height="96" border="0" /> 
</a> 

Es pos sible que esto pueda ser causado por su DOCTYPE. Espero que ayude.

Answer 4

Me he encontrado con este tipo de problema antes cuando las imágenes cargadas en nuestro sitio eran JPEG en formato CMYK - Internet Explorer las mostraría como una pequeña x roja, pero Firefox las mostraría OK (definitivamente a partir de la versión 3, no estoy seguro de las versiones anteriores).

¿Podría publicar las reglas de css para contextBlock, cntImg y clr? Otra cosa IE "divertida" que he encontrado en el pasado es que las imágenes desaparecen detrás de un bloque de texto que tiene un estilo CSS que no le gusta a IE, así que me pregunto si esto podría ser aplicable en su caso.

Answer 5

Gran pensamiento PConroy. Intentamos depurar nuestra aplicación web y las imágenes no aparecían. De hecho, fue el problema RGB/CMYK. IE 7 no procesa JPG en formato CMYK.

Answer 6

de búsqueda el espacio de color de una imagen:

identify -verbose MattCutts.jpg | grep Colorspace

de colores: CMYK

A continuación, convertir una imagen a color RGB (también puede usar * .jpg, etc.)

mogrify -colorspace rgb MattCutts.jpg