Не отображается изображение в Safari?

Question

[Dymok]

Есть верстка. В ней в блоке слева изображение. Во всех браузерах отображается, в Safari на iOs - нет. На любом разрешении. Пробовал jpg и gif. Результата ноль.
Если вставить изображение без оберток - работает.
В чем может быть дело?

Comments

[Rustam Bainazarov]

В плане? Какое именно изображение?

Если вот это .sale-slide img, то оно в любом браузере не отображается на узком разрешении, ибо у него же стили:

.sale-slide img {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    position: absolute; /* !!! */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

Из-за того, что вы там что-то меняете по габаритам родителя, то оно просто схлопывается в мобильной версии.

Поставьте relative вместо abolute, и сразу увидите картинку вашу:



Надеюсь, это поможет. Ну аж дело продумывания более эффективной архитектуры этого дела я оставляю за вами.

[Dymok]

Рустам Байназаров, не-не, оно в сафари даже на полном экране не работает (Ipad Air 2, например), просто никак не выводится

[Rustam Bainazarov]

Dymok, у меня и на ПК в любом браузере и в этом разрешении не выводится. Вы напутали с версткой блока и параметрами инициализации Slick.

[Dymok]

Рустам Байназаров, у меня на винде во всех браузерах все в порядке..

[Rustam Bainazarov]

Dymok, до ПК я уже не доберусь в ближайшие дни, но вот с телефона, Android Chrome:

[Dymok]

Рустам Байназаров, это да, так и должно быть пока, главная проблема в отсутствии изображения вообще в Safari