2012-03-28 34 views
1

我已经有了这段CSS一段时间了,突然间我发现它并不适用于新版本的Firfox。Firefox中的多个转换属性不起作用

-moz-transition: all .3s, top 0s, left 0s; 

所以,最初的想法是不透明度&比例缩放变换将动画,而顶部和左侧不会动画。我知道使用“opacity .3s”可以工作,但我需要我的缩放比例转换才能工作。我也知道CSS“zoom”属性,但这不适合我的需要。

基本上,我只是想这个工作,我不知道为什么这个正确的CSS突然在Firefox中被破坏。如果任何人有另一种解决方案,那就太好了。

+0

哪些新版本? – BoltClock 2012-03-28 22:37:21

+0

测试用例? http://jsfiddle.net/或http://jsbin.com/ – thirtydot 2012-03-28 22:49:52

+0

我不确定问题是从哪个版本开始的,但Firefox的最后两个版本受到影响。 http://jsfiddle.net/9J5vc/ – 2012-03-29 14:20:47

回答

-1

这对我的作品..

-moz-transition: bottom .3s, right .3s, top 0s, left 0s; 

另外,还要确保你的元素仍定位。

+0

我正在使用“-moz-transform:scale”,我需要这个动画,就像我使用“-moz-transition:all .3s”时一样。唯一的问题是我需要将自己定位为不动画。这个CSS曾经工作过,但不再是Firefox的最新版本。 – 2012-03-29 14:15:27

0

这是最新版本的Firefox的问题,而不是您的代码。我有六个网站在这个时候没有正确渲染Firefox的CSS。他们没有比一周前更好,也没有改变代码或代码库。这些样式仍然适用于其他浏览器。

Firefox在浏览器的当前版本上存在问题,我相信他们都知道这一点,但是真的,如果它不能很快得到解决,他们将失去更多的市场份额。这真的是一个耻辱。

+0

除了这里,是否有一个记录错误或与Mozilla的? – Styxxy 2012-10-10 23:26:42

相关问题