Почему изображение не отображается в IE7?

Question

У меня есть изображение на этой странице в синей полосе. Он хорошо отображается в FF, Safari, IE8 и Chrome, но не отображается в IE7.

Вот HTML:

<div id="featuredImage">
  <img src="images/website_design_charlotte.jpg" width="960" height="159" alt="" />
</div>

Вот CSS:

#featuredImage   { position: absolute; z-index: 9; top: 129px; left: 0; }
#featuredImage img   { width: 986px; height: 159px; position: relative; z-index: 10; }

Буду признателен за помощь в правильном отображении этого кода в IE7.

Спасибо!

Answer 1

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

Оказывается, два изображения с неправильным поведением были сохранены в цветах CMYK, где остальные были RGB. Конвертировал их в Фотошоп, челка, работает.

Так что, если кто-то столкнется с этой проблемой, вы можете просто попробовать это. Идиот клиенты, идиот IE.

Answer 2

Несколько строк в вашем HTML у вас есть:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="styles/style-ie.css" />
<![endif]-->

... что означает, что все другие браузеры используют Water.css для таблицы стилей, но IE использует style-ie.css. Поскольку вы говорите, что работает для IE8, проблема может быть в вашем коде, который определяет версию браузера.

Answer 3

Я исправил эту проблему, заменив изображение JPG на формат PNG