只能在Chrome中使用的CSS轉換

Question

我創建了一個菜單，當您將鼠標懸停在鏈接上時，標題幻燈片會留在框架之外，並且不同的單詞將滑入（客戶端請求）中。我只是試圖在CSS中做到這一點，它的工作原理與Chrome瀏覽器完全相同，但不適用於Firefox或Opera。只有第二個動畫（不同的單詞在其中滑動）起作用，但主要動畫（正常單詞滑出的位置）沒有應用其轉換。下面是一個例子的的jsfiddle：

http://jsfiddle.net/3tUAN/

我可以訴諸如果非要我（代碼是存在的，既需要對IE9），但我想使用jQuery來得到這個工作CSS-只有當可能。我曾考慮嘗試使用選擇器更具體（使用兒童選擇器，如a.MenuLink > li.MenuItem > span.MenuTitle），但我希望社區能夠幫助我做到這一點。

Answer 1

您需要爲​​指定left的初始值。這可能是其他瀏覽器中的一個錯誤，但它可以在Firefox中修復它。事情是這樣的：

span.MenuTitle { 
    left: 0; 
} 

看到這個jsFiddle