Safari не отображает изображение слайд-шоу jssor
У меня есть слайд-шоу здесь: https://namibiabowhunting.com/vbook.html
Все браузеры, кроме Safari, показывают изображения.
При проверке элементов с помощью Safari для Windows (v. 5.1.7) кажется, что css и изображения загружаются правильно, но изображения не отображаются.
Я также пытался изменить z-индекс изображений, но это тоже не имело значения.
Поскольку более новой версии Safari для Windows нет, я не знаю, исчезнет ли эта проблема с более новыми версиями.
Будем признательны за любую помощь в определении проблемы.
@Ernie На самом деле это все простые html-файлы, поэтому вы можете просмотреть исходный код и проверить его на веб-сайте. JQuery и fancybox обновлены до последней версии и работают во всех других браузерах, включая FF, Chrome и Edge.
Ответы 2
Если проверка элемента показывает правильный CSS и изображения, и вы на 100% уверены, что они должны быть там, но их нет, возможно, вы отключили отображение изображений в самом Safari. Вы можете попробовать другую страницу, если она показывает изображения в Safari.
В любом случае, если это действительно проблема самого Safari, сделайте следующее:
Щелкните меню «Safari» в Safari и выберите «Настройки».
Щелкните значок «Внешний вид».
Посмотрите, есть ли у вас «Отображать изображения при открытии страницы». проверено и проверьте, если нет, проверьте это.
Если эти настройки недоступны, проверьте, не установлен ли флажок «Отключить изображения» в меню «Разработка».
(Как только я смогу прокомментировать, я просто спрошу в комментариях и соответствующим образом отредактирую этот ответ.)
(Также - вы должны предоставить фрагмент кода проблемной части или аналогичный для будущих пользователей. Если рассматриваемый веб-сайт перестанет работать или изменится, этот вопрос больше не будет иметь смысла и предоставит ожидаемую информацию.)
Спасибо за предложение, но на самом деле изображения отображаются, за исключением этого слайд-шоу. Если бы я знал, где примерно проблема, я бы также включил код, но, к сожалению, я понятия не имею, в чем проблема.
Я так и думал - в ближайшее время попробую что-нибудь еще придумать. Есть ли у вас доступ к какой-либо другой версии Safari или версии для Mac, чтобы попробовать, сохраняется ли эта проблема в различных средах?
Итак, я установил Windows под виртуальной машиной в Linux, и изображения действительно не отображаются в Safari. Я буду исследовать больше.
Я нашел проблему.
На вашей странице есть структура <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), либо установите height/min-height на 100% для дочернего элемента <div id = "jssor_1"> И дочернего элемента этого дочернего элемента.
Спасибо. это было все. проблема была немного сложнее, потому что jssor javascript вставлял html и не копировал классы. Мне пришлось жестко закодировать стили в html-элементах.
Все, что работает для вас. Иногда вы также можете использовать !important в своем пользовательском css, чтобы переопределить встроенный стиль, который добавляется даже с помощью javascript.
Кажется, вы используете Fancybox, я бы удостоверился, что все плагины и зависимости обновлены, протестировал его на нескольких устройствах и т. д. Извините, я не мог быть более полезным, но без вашей кодовой базы и т. д. трудно сказать .