firefox CSS轉換錯誤

Question

我寫了一些CSS，讓您在將鼠標懸停在頁面一側時，讓側欄執行從頁面到頁面的幻燈片切換。 CSS非常簡單，涉及到添加/刪除控制邊欄的left:位置的類。

#sidebarInner{ 
    height:100%; 
    width:50px; 
    background-color:blue; 
    position: fixed; 
    -moz-transition: left .2s linear; 
    -webkit-transition: left .2s linear; 
    -o-transition: left .2s linear; 
    transition: left .2s linear; 
    z-index:2; 
} 
.slideLeft { 
    left: -100px; 
} 

試試下面的演示在WebKit瀏覽器和火狐： http://jsfiddle.net/MmFnY/7/

你會WebKit的公告，藍色格有0.2S向左滑動的過渡，但在Firefox事實並非如此。有誰知道什麼是錯誤的CSS上面？

Answer 1

爲了轉換到工作狀態，您需要提供一個默認的左值。要做到這一點最簡單的方法可能是給它如裏面的另一個類時，它的：

.slideRight{ 
    left: 0px; 
} 

http://jsfiddle.net/MmFnY/19/