Слайдер swiper. Как исправить баг в IE?

602
24 ноября 2016, 10:18

Использую для верстки слайдер swiper. На одной из страниц сайта предполагается наличие большого количества блоков-товаров, в каждом из которых есть этот слайдер. В Chrome, Firefox и Opera все нормально, но IE, как обычно, что-то не нравится: при наведении на слайдер некоторое время отображаются все слайды карусели, хотя для родительского блока прописан overflow: hidden;. Посмотреть проблему "вживую" можно здесь.

Буду очень благодарен, если вы подскажете каковы причины такого поведения и как решить эту проблему.

Answer 1
  1. Попробуйте родительскому блоку .result-item-slider-block добавить position: relative; и overflow: hidden;. Начните с relative.
  2. Версию браузера вы не писали. Попробуйте добавить -ms-overflow-style: none;. UPD: Проблема у вас с transition. Добавьте overflow: hidden для этого класса: .result-item-slider-container, .result-item-slider-container span
READ ALSO
Как вставить логотип на шапку сайта?

Как вставить логотип на шапку сайта?

Не получается вставить логотип на шапку.

412
Как сделать на CSS неполную обводку круга?

Как сделать на CSS неполную обводку круга?

Как на CSS сделать неполную обводку круга? .

601
Koala выдает ошибку

Koala выдает ошибку

При попытке компиляции из sass в css, коала выдает ошибку "C:\MRD\WEB\LPforWP\wplesson\html\css\sass\fonts. sass" Причем самой ошибки нет, убрал русские буквы из пути,...

726
Двигаются блоки при наведении

Двигаются блоки при наведении

Скажите пожалуйста почему у меня постоянно дергаются блоки которые расположены в одну строку один за другим?.

693