Изображения не отображаются в IE7 (но работают нормально в IE6 / Firefox)

Question

Проблемы с некоторыми изображениями с использованием IE7 - отлично работают в 6 и во всех версиях Firefox.

Кто-нибудь сталкивался с этим раньше? Я знаю, что это случалось в прошлом (и я гуглил исправление, но, черт возьми, черт побери, если я смогу найти исправление снова ... обратите внимание на себя, задокументируйте такие вещи на будущее;))

<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

Я сталкивался с такой проблемой раньше, когда изображения, загруженные на наш сайт, были в формате JPEG в формате CMYK - Internet Explorer показывал бы их как маленький красный x, но Firefox показывал бы их ОК (определенно в версии 3 не уверен насчет более ранних выпусков).

Не могли бы вы опубликовать правила CSS для contextBlock, cntImg и clr? Еще одна «забавная» вещь IE, с которой я сталкивался в прошлом, - это исчезновение изображений за текстовым блоком в стиле css, который IE не нравится, поэтому мне интересно, может ли это быть применимо в вашем случае.

Answer 2

Отличная мысль PConroy. Мы пытались отладить наше веб-приложение, и изображения не появлялись. Действительно, это была проблема RGB / CMYK. IE 7 не отображает JPG в формате CMYK.

Answer 3

Две вещи, которые могут помочь:

1. закройте ваши теги img с помощью />
2. попробуйте удалить текст из ваших ссылок

Ваши ссылки должны выглядеть примерно так:

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

Возможно, это вызвано вашим DOCTYPE. Надеюсь, это поможет.

Answer 4

Поиск цветового пространства изображения:

identify -verbose MattCutts.jpg | grep Colorspace

Цветовое пространство: CMYK

Затем преобразуйте изображение в цветовое пространство RGB (также можно использовать * .jpg и т. Д.)

mogrify -colorspace rgb MattCutts.jpg

Answer 5

Свободно ли место для изображений, пока они не отображаются?

Возможно ли, что другая разметка на странице покрывает пространство, в котором должны появляться изображения?

Вы знакомы с панелью инструментов веб-разработчика для IE ?

Я думаю, что вероятно, что изображения визуализируются, и вы не можете их видеть, потому что что-то еще покрывает их или разметка контейнера, в котором они находятся, делает его невидимым.

Удачи.

Answer 6

У меня были подобные проблемы в прошлом, когда я запускал страницу локально на моей машине с IE7. Это может быть проблемой.