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

希望幫助！