时间戳

首页 > 解决方案 > IE11 溢出：在过渡期间隐藏不工作

css - IE11 溢出：在过渡期间隐藏不工作

问题描述

我正在使用具有缩放效果的猫头鹰旋转木马聚光灯。

在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/

标签： cssinternet-explorer-11

解决方案

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

溢出属性在 IE 11 中不起作用

推荐阅读