IE11 溢出：在过渡期间隐藏不工作答案

【问题标题】：IE11 overflow:hidden not working during transitionIE11 溢出：在过渡期间隐藏不工作
【发布时间】：2020-06-10 09:00:33
【问题描述】：

我正在使用具有缩放效果的猫头鹰轮播聚光灯。

在缩放转换期间，外部 div 的 overflow:hidden 在 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/

【问题讨论】：

我通过修改 CSS 代码对您的示例进行了几次测试，但问题仍然存在于 IE 浏览器中。在搜索时，我发现 owl carousel 与 IE 浏览器有很多问题，我们无法使用代码解决这些问题。我建议你在他们的 GitHub 页面上创建一个问题。 github.com/OwlCarousel2/OwlCarousel2/…

标签： css internet-explorer-11

【解决方案1】：

IE11 有很多问题，这就是其中之一。这是一个已经回答的类似问题的链接，可以帮助您。告诉我

Overflow property not working in IE 11

【讨论】：