Safari не отображает изображение слайдшоу jssor

Question

У меня есть слайд-шоу здесь: https://namibiabowhunting.com/vbook.html

Все браузеры, кроме Safari, показывают изображения.

Проверка элементов с помощью Safari для Windows (v. 5.1.7) показывает, что css и изображения загружаются правильно, но изображения не отображаются.

Я также пытался изменить z-индекс изображений, но это тоже не имело значения.

Поскольку более новой версии Safari для Windows не существует, я не знаю, исчезает ли эта проблема с более новыми версиями.

Буду признателен за любую помощь в выявлении проблемы.

Answer 1

Я нашел проблему.

На вашей странице есть структура <div> с несколькими элементами div, являющимися родителями тега <img>, который не отображается.В то время как тег <img> имеет свои ширину и высоту, а также некоторые родительские теги <div>, он все еще находится внутри родительских <div>, которые имеют height: 0 либо установленные, либо унаследованные, но с установленным overflow:hidden;.Посмотрите в инспекторе, у которого div имеет 0 высоту, и установите либо height: 100%; или min-height: 100%;, либо удалите overflow:hidden;, и это должно сделать это.

Так что либо снимите значение overflow:hidden; с <div class="slideimg"> (включенои y, и x) или установите высоту / минимальную высоту на 100% для дочернего элемента <div id="jssor_1"> и дочернего элемента этого дочернего элемента.

Answer 2

Если проверяющий элемент показывает правильный CSS и изображения, и вы на 100% уверены, что они должны быть, но это не так, возможно, вы отключили отображение изображений в самом Safari.Вы можете попробовать другую страницу, если она показывает изображения в Safari.

В любом случае, если это действительно проблема самого Safari, выполните следующие действия:

1. Откройте меню Safari в Safari и выберите «Настройки».

2. Нажмите значок «Внешний вид».

3. Проверьте, есть ли у вас «Отображать изображения при открытии страницы».отметьте и проверьте, если нет, проверьте это.

Если эти настройки недоступны, проверьте, не установлен ли флажок «Отключить изображения» в «Меню разработки».

(Как только я смогу прокомментировать, я просто задам вопрос в комментариях и соответствующим образом отредактирую этот ответ.)

(Также - вы должны предоставить фрагмент кода проблемной части или аналогичный для будущегопользователи. Если рассматриваемый веб-сайт перестает работать или изменяется, этот вопрос больше не будет иметь смысла и предоставит ожидаемую информацию.)