I use for layout slider swiper . On one of the pages of the site it is assumed the presence of a large number of blocks of goods, each of which has this slider. In Chrome, Firefox and Opera, everything is fine, but IE, as usual, does not like something: when you hover over the slider, all the slides of the carousel are displayed for a while, although overflow: hidden; registered for the parent block overflow: hidden; . View the problem "live" here .

I would be very grateful if you tell me what are the reasons for this behavior and how to solve this problem.

    1 answer 1

    1. Try to .result-item-slider-block to the parent .result-item-slider-block position: relative; and overflow: hidden; . Start with relative .
    2. You did not write the version of the browser. Try adding -ms-overflow-style: none; . UPD: enter image description here The problem you have with the transition. Add overflow: hidden for this class: .result-item-slider-container, .result-item-slider-container span
    • Your recommendations did not solve the problem, unfortunately .. IE11. - Igor
    • I had to put the 11th version. .result-item-slider-container, .result-item-slider-container span add overflow: hidden; - Alexey Giryayev
    • Thank you for the answer, you saved me) - Igor
    • I hurried a bit - swipe left / right - the slider does not work correctly .. - Igor
    • Yes, the code works pretty strangely. If I were you, I would solve this problem by removing the hover effect along with the transition for IE. If you really want to work with the construction of the image magnification, you can implement it through keyframe. - Alexey Giryayev