Firefox中的TwitterBootstrap carousel-css转换
我对Firefox中的css转换有问题。我使用推特引导旋转木马。我做了一些更改,所以图片不会从右向左滑动。相反,它们会淡入淡出。我还在旋转木马标题上添加了一些css转换 这是我的密码: 在Chrome上一切正常,但在Firefox(16版,Mac)上则不然。当我点击旋转木马中的下一个链接时,有一个很好的过渡。活动幻灯片淡出,标题向右移动。但下一张幻灯片的标题突然出现,而在Chrome中有一个很好的过渡(标题从上到下逐渐淡入)。我在这里找不到任何错误Firefox中的TwitterBootstrap carousel-css转换,css,firefox,google-chrome,twitter-bootstrap,css-transitions,Css,Firefox,Google Chrome,Twitter Bootstrap,Css Transitions,我对Firefox中的css转换有问题。我使用推特引导旋转木马。我做了一些更改,所以图片不会从右向左滑动。相反,它们会淡入淡出。我还在旋转木马标题上添加了一些css转换 这是我的密码: 在Chrome上一切正常,但在Firefox(16版,Mac)上则不然。当我点击旋转木马中的下一个链接时,有一个很好的过渡。活动幻灯片淡出,标题向右移动。但下一张幻灯片的标题突然出现,而在Chrome中有一个很好的过渡(标题从上到下逐渐淡入)。我在这里找不到任何错误 如果您有任何建议,我将不胜感激。请尝试为您希望
如果您有任何建议,我将不胜感激。请尝试为您希望具有转换效果的属性声明基本值,如本文所述:
我也遇到了同样的问题,动画在谷歌Chrome上效果很好,但在Firefox上却突然出现了 所以我所做的非常简单,在下一张幻灯片出现时删除并添加类 下面是代码:
$('#carousel-main').on('slide.bs.carousel', function (e) {
$(e.relatedTarget).find('.animated').each(function() {
var item = $(this);
var classes = item.attr('class');
item.attr('class', '');
item.hide();
setTimeout(function(){
item.show();
item.addClass(classes);
}, 10);
});
});
我还以为会是这样。我试过了,但没用。