css - Owl Carousel 中元素上的框阴影被切断

标签 css owl-carousel owl-carousel-2

我的 Owl Carousel 中的每个元素都有一个盒子阴影。问题是最外层元素的 Box 阴影因为溢出而被切断:隐藏 owl-carousel 利用。我怎样才能解决这个问题?

最佳答案

回答我自己的问题。对此的解决方法是设置溢出:在外部舞台上可见。隐藏不透明度为 0 的所有非事件元素,然后为了平滑过渡不透明度。

.owl-stage-outer { 
overflow: visible;
}

 .owl-item {
   opacity: 0;
   transition: opacity 500ms;
}
.owl-item.active {
  opacity: 1;
}

.

关于css - Owl Carousel 中元素上的框阴影被切断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48321377/

相关文章:

javascript - 如何正确切换图标按钮?

javascript - Owl-Carousel2 - 设置点数据

javascript - ajax后重新初始化owlCarrouse

javascript - 数据更新时的 OwlCarousel 自动高度

css - silex 和 twig css 缓存问题 - 奇怪的行为

c# - Telerik Mvc 图表控件字体样式

html - Div 不断移动位置?

javascript - 刷新 owlCarousel 2 宽度

javascript - OwlCarousel2 初始化多个实例的最佳方式是什么

javascript - Owl Carousel 数据点特定元素点击发送到第一张幻灯片,但周围的点击发送到适当的幻灯片