Javascript Firefox bug,CSS转换与转换和背景色相结合

Javascript Firefox bug,CSS转换与转换和背景色相结合,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我们有一个奇怪的错误,css转换与transform:translate和更改背景颜色相结合。HTML结构是左侧的一个侧边栏,它是固定的。在这个侧边栏中有一个包含文本的容器。根据y轴位置,我用translate更改侧栏的背景色和textcontainer的y轴位置。这两个元素都具有CSS过渡属性,以获得平滑动画。正如您在下面的gif中所看到的,它工作得并不好。textcontainer获得边栏的背景色大约半秒钟 为了更好地理解,这里也是一个例子。有人知道类似我的问题吗?我一点也看不出来(在Fi

我们有一个奇怪的错误,css转换与
transform:translate
和更改背景颜色相结合。HTML结构是左侧的一个侧边栏,它是固定的。在这个侧边栏中有一个包含文本的容器。根据y轴位置,我用translate更改侧栏的背景色和textcontainer的y轴位置。这两个元素都具有CSS过渡属性,以获得平滑动画。正如您在下面的gif中所看到的,它工作得并不好。textcontainer获得边栏的背景色大约半秒钟


为了更好地理解,这里也是一个例子。有人知道类似我的问题吗?

我一点也看不出来(在Firefox中)。你能添加你正在测试的FF版本吗?我刚刚在v41.0.2上试用了你的fiddle,效果很好。我在Firefox 42.0中检查了这个,一切都很好,你的Firefox版本是什么?Firefox 42.0这不可能是低级别代码(视频驱动程序)的问题。您是否有其他(不同)设备可供测试?