我正在尝试在 Owl Carousel 上应用淡入淡出效果，但它似乎不起作用。
正如您在这个小提琴中看到的 - http://jsfiddle.net/lav911/fHa6J/，我正在加载他们文档transitions.css中提到的文件。
我错过了什么吗？为什么它会滑动而不是褪色？另外，请注意，即使在他们的网站上，淡入淡出也不起作用。
稍后编辑：它似乎在 Google Chrome 35 和 Firefox 上消失了，但在 Google Chrome 36 上它会滑动。奇怪的。
问问题
34436 次
5 回答
14
这显然是在插件的 github repo 上报道的 - https://github.com/OwlFonk/OwlCarousel/issues/346
只需使用此版本的插件（拉请求）即可修复它。
于 2014-07-23T13:56:11.353 回答
8
问题是 owl 插件在不支持 CSS 转换的浏览器中包含 IE10 和 11。因此，您可以将 owl carousel 与 Modernizr 结合使用并替换“support3d”变量：
support3d = (asSupport !== null && asSupport.length === 1);
和
support3d = (Modernizr.csstransforms3d);
这似乎解决了它！:)
于 2014-11-18T20:14:32.243 回答
5
由于 chrome 现在同时支持 -webkit-transform 和 transform 属性，owl 代码失败，因为它的 3dsupport 检测仅在返回的数组（变换样式）等于 1 时返回 true，只需更改此行：
support3d = (asSupport !== null && asSupport.length === 1);
到这一行：
support3d = (asSupport !== null && asSupport.length > 0);
它应该工作;）
于 2015-05-16T20:32:20.003 回答
3
改变
support3d = (asSupport !== null && asSupport.length == 1);
至
support3d = (asSupport !== null && asSupport.length >= 1);
于 2015-06-08T09:12:29.663 回答
1
从更新 1.3.2 开始，所有过渡样式都从主 owl.carousel.css 文件移出到 owl.transitions.css
在你的头脑中链接 owl.transitions.css 或在你的 css 中导入它。
于 2015-03-03T20:24:36.707 回答