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浏览器和Firefox上尝试以下演示：http://jsfiddle.net/MmFnY/7/

您会注意到，在webkit上，蓝色div有0.2s的向左滑动过渡，但在Firefox上没有。有人知道上面的CSS出了什么问题吗？

Answer 1

为了使转换工作，您需要为其提供一个默认的左值。做到这一点最简单的方法可能是给它另一个类，比如：

.slideRight{
    left: 0px;
}

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