jQuery fadeIn / fadeOut转换不可见(因为将Firefox更新为34)

时间:2022-09-12 18:51:52

I have 3 slides with basic fadeIn/fadeOut effect. So when first slide fadeOut effect is complete, the next slide fadeIn and so on.

我有3张具有基本淡入/淡出效果的幻灯片。所以当第一次幻灯片fadeOut效果完成时,下一张幻灯片就会淡入淡出,依此类推。

The problem is that the transition (which is CSS opacity from 1 to 0) is not visible.

问题是转换(CSS不透明度从1到0)不可见。

This started happening when I updated Firefox to v.34

当我将Firefox更新到v.34时,这种情况就开始发生了

Any ideas?

FIX: after removing float: left from each slide, transition started to be visible.

FIX:从每张幻灯片中删除float:left后,转换开始可见。

2 个解决方案

#1


0  

Add clearfix classes to your css. If already there then add .clearfix class to floated elements parent tag. Floated elements are not counted as part when parents demention calculated.

将clearfix类添加到您的CSS。如果已经存在,则将.clearfix类添加到浮动元素父标记。在计算父母的计算时,浮动元素不计入其中。

#2


0  

FIX: after removing float: left from each slide, transition started to be visible.

FIX:从每张幻灯片中删除float:left后,转换开始可见。

#1


0  

Add clearfix classes to your css. If already there then add .clearfix class to floated elements parent tag. Floated elements are not counted as part when parents demention calculated.

将clearfix类添加到您的CSS。如果已经存在,则将.clearfix类添加到浮动元素父标记。在计算父母的计算时,浮动元素不计入其中。

#2


0  

FIX: after removing float: left from each slide, transition started to be visible.

FIX:从每张幻灯片中删除float:left后,转换开始可见。