Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Firefox中的TwitterBootstrap carousel-css转换_Css_Firefox_Google Chrome_Twitter Bootstrap_Css Transitions - Fatal编程技术网

Firefox中的TwitterBootstrap carousel-css转换

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中有一个很好的过渡(标题从上到下逐渐淡入)。我在这里找不到任何错误 如果您有任何建议,我将不胜感激。请尝试为您希望

我对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);
    });
});

我还以为会是这样。我试过了,但没用。