多个css3转换冲突

我有一个主导航是一个CSS3只有下拉菜单和漂亮的动画作为subnav出现。多个css3转换冲突

我也在同一页上有一个滑块（flexslider），它也是CSS3唯一的项目。

我的问题是动画互相干扰。一旦我将鼠标悬停在导航项目上，一旦将滑块设置为滑动到下一个图像，该项目的subnav菜单才会显示，因此两个动画同时发生，而不是彼此独立。

下面是我在谈论的页面的链接：http://supermarchepa.com/v3/eng/index.html

干杯。

2012-03-13 user127181

我不确定你的意思，页面似乎工作正常，滑块和子菜单在Chrome和FF上独立动画。 – Duopixel 2012-03-13 02:27:29

感谢您的回复，也许这只是一个野生动物园的事情。我刚刚在Chrome上进行了测试，并且工作正常，Firefox没有safari那么糟糕，但动画非常不稳定。我在一个mac，不确定的相关性。 – user127181 2012-03-13 03:00:43

似乎Safari不喜欢动画visibility，只尝试动画只需要你需要的属性。

nav ul#nav ul { 
-webkit-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out; 
-moz-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out; 
-ms-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out; 
-o-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out; 
transition: opacity .2s ease-in-out, margin-top .2s ease-in-out; 
}

这将解决您的问题。虽然这确实是一个非常奇怪的错误。

来源

2012-03-13 05:32:56 Duopixel

是的，它修复了它，奇怪的错误肯定，谢谢你的帮助 – user127181 2012-03-13 11:41:29

多个css3转换冲突

回答

相关问题