IE6 Красный Крест и Граница вокруг изображения

Question

ОСНОВНОЕ ОБНОВЛЕНИЕ:

У меня есть исправление PNG, работающее на сайте. Когда я уберу PNG, исправлю красный крест и граница исчезнет. Что странно, так это то, что проблема связана только с этим конкретным изображением. На той же странице есть другие альфа-смешанные PNG, которые хорошо отображаются.

Изображение не повреждено (его можно увидеть) и не является ссылкой. Но IE6 и 7 надели вокруг него рамку и красный крестик. Это также лишает стиль.

ОБНОВЛЕНИЕ: изображение НЕ является фоновым изображением, и оно определенно не повреждено. Вы действительно можете увидеть изображение, отлично работает в Safari, Firefox, Chrome и Opera.

Это обычный старый обычный тег изображения

<div class='container'>
    <img src='../images/leader_concierge.png' class='page_leader'  width="917" height="257" />
</div>

вот ксс

.page_leader { margin: 10px 0; }

и вот в сафари то же самое

Answer 1

Вы пропустили замену GIF.

Все методы исправления PNG требуют наличия прозрачного gif для замены изображения png, это часть работы подстановки. Если этот gif отсутствует, то вы получите это испорченное изображение, даже если PNG хорошо рисует.

В случае iepngfix.htc он ожидает, что файл находится по адресу /images/spacer.gif

Answer 2

Да, у меня была такая же проблема, и это было также с iepngfix.htc, который позволяет прозрачность в IE6.

Да, требуемое сопроводительное gif-изображение было в папке с изображениями, как указано в инструкции.

Итак, я зашел в файл htc и ввел точную ссылку, и теперь все работает отлично!

Answer 3

Если вы используете iepngfix.htc, вам нужно открыть его и установить пустой путь к изображению. Изображение должно быть размером 1x1 .gif.

Похоже, меня едва избили до удара.

Answer 4

Обратите внимание, что в xhtml (ну, вы закрыли тег img) вы должны использовать "вместо".

Answer 5

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

Answer 6

Firefox и «другие браузеры» обрабатывают испорченные изображения более элегантно, но изображение почти наверняка испорчено - они просто не рендерит его. Возможно, попробуйте привыкнуть регулярно проверять журналы своего сайта в течение 404, поскольку не всегда очевидно, что в современном браузере у вас испорченное изображение.

Редактировать: Учитывая ваше недавнее открытие, возможно, откройте pngs, о которых идет речь, что-то вроде TweakPng - вы можете обнаружить, что есть блоки, вызывающие такое поведение, которые вы можете безопасно удалить. Сравните полученные png с png, которые работают правильно, и удалите оскорбительные фрагменты.