Safari не показывает изображения, а FireFox

Question

У меня есть веб-сайт, над которым я работаю: http://keramed.com

в FireFox на моем Mac появляется изображение на главной странице. (Эндошилд ДСЭК-трансплантат для инъекций)

Теперь проверьте Safari, и изображение не отображается.

Я попытался взять оригинальный файл .PSD и сохранить его в формате .jpg или .png, и это не имеет значения.

Я закомментировал все таблицы стилей, и это до сих пор не решает проблему. Остальные мои изображения появляются, но не одно.

Я просто не понимаю, я в тупике.

РЕДАКТИРОВАТЬ:> Фотошоп говорит, что это 8-битное изображение RGB.

Answer 1

Ваше изображение также не отображается в Chromium.Однако удаление ширины и высоты изображения, указанных в элементе изображения, в процентах решило проблему.Лучше избегать использования процентов в качестве ширины / высоты для изображений, поскольку они могут отображаться не так, как вы ожидаете.

Answer 2

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

Например, я столкнулся с той же проблемой некоторое время назад, и это произошло потому, что в таблице стилей класс, используемый для изображения, имел параметр 'content'.

.image_class {
    ...
    content: ''
}

Answer 3

У меня была та же проблема, которую я решил, изменив высоту / ширину в пикселях, а не в процентах.

Answer 4

Это определенно не изображение, так как сафари может его отобразить, см .: http://keramed.com/images/mainimage2.jpg

У вас переполнение: где-то спрятано, и я подозреваю, что это так. Или, если вы используете js для изменения отображения изображения с none, которое может отображаться, это может быть сбой.