pixelated - image rendering w3schools

Las imágenes no se renderizan 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? Sé que he tenido que suceder en el pasado (y busqué en Google una solución, pero maldito si puedo encontrar la solución de nuevo ... nota a mí mismo, documentar 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

¿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 donde deberían aparecer las imágenes?

¿Está familiarizado con la barra de herramientas del desarrollador web para IE ?

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

Buena suerte.

Answer 2

Dos cosas que pueden ayudar:

1. cierra tus etiquetas img con />
2. intenta eliminar el texto de tus enlaces

tus enlaces deberían verse así:

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

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

Answer 3

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

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 mostraba como una pequeña x roja, pero Firefox las mostraba OK (definitivamente a partir de la versión 3, no estoy seguro de antes) lanzamientos).

¿Podría publicar las reglas 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

Buscar el espacio de color de una imagen:

identify -verbose MattCutts.jpg | grep Colorspace

Espacio de color: CMYK

Luego, convierte la imagen al espacio de color RGB (también puedes usar * .jpg, etc.)

mogrify -colorspace rgb MattCutts.jpg