Переполнение IE11: скрытый не работает во время перехода

Question

Я использую прожектор совы с каруселью с эффектом масштаба.

overflow:hidden для внешнего элемента div не работает в IE11 при переходе масштаба

.spotlight{
  border: 1px solid red;
  height: 200px;
  overflow: hidden;
}
img{
  transition: all ease 2s;
  -ms-transform: scale(1);
  transform: scale(1);
}
.active img{
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

<div class="spotlight">
<div class="owl-carousel owl-theme">
<div class="item"><img src="https://placeimg.com/640/480/any" alt=""></div>
<div class="item"><img src="https://placeimg.com/640/480/any" alt=""></div>
<div class="item"><img src="https://placeimg.com/640/480/any" alt=""></div>
</div>
</div>
<script>
$(function(){
  $('.owl-carousel').owlCarousel({
  loop:true,
  autoplay: true,
  items: 1,
  margin:10,
  nav:true,
  animateOut: 'fadeOut'
  });
})

</script>

Скрипка - https://jsfiddle.net/jt2wLx6v/7/

Answer 1

IE11 имеет много проблем, и это одна из них. Вот ссылка на уже отвеченный похожий вопрос, который может вам помочь. Сообщите мне

Свойство переполнения не работает в IE 11