Firefox“幻灯片”悬停转场

Question

首先，我最想向社群说“你好”。我是职业学校的初级初级网页设计师。我在CSS中的大多数样式都是自学，因此导致了一些问题。如下所示。

这是我用于我的网站的导航栏的示例。每个div盒应该在2秒内滑出到相应的位置。然而，除了浏览器之外，每个浏览器都可以快速取代平滑过渡。

http://jsfiddle.net/kwh71787/cxBxL/

如果任何人有任何见解，请帮助

Answer 1

尝试使用这种风格来代替：

#navbuttons div { 
    position: absolute; 
    left: 0px; 
} 

DEMO

Answer 2

欢迎堆栈溢出！

这似乎解决了它。我所做的是我为每个div添加了top: 0px; and left: 0px;。

这里有一个更新的jsfiddle

希望帮助！