Firefox“滑动”悬停过渡

Question

首先，我想向社区说“你好”。我是职业学校新生的入门级初级网页设计师。我在CSS中的大部分样式都是自学的，所以这导致了一些问题。如下面的那个。

这是我用于我网站的导航栏示例。每个div框应该在2秒内滑出到相应的位置。然而，除了Chrome之外的每个浏览器，它们都会快速捕捉而不是平滑过渡。

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

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

Answer 1

请尝试使用此样式：

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

DEMO

Answer 2

欢迎使用Stack Overflow！

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

这是更新后的jsfiddle

希望有所帮助！