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.2秒，但在Firefox上却没有。 有人知道上面的CSS有什么问题吗？

Answer 1

为了使过渡正常工作，您需要为其提供默认的左值。 最简单的方法可能是在内部添加另一个类，例如：

.slideRight{
    left: 0px;
}

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