html - firefox moz，网络转换

Question

我有以下内容:

.ui-dialog-body {
    position: relative; /* Needed for sliding left, right */
    min-height:60px;
    padding: .5em 1em;
}
.ui-dialog-body.slideLeft {
    left:-500px;
    -webkit-transition: left .5s linear;
    -webkit-transition-delay: .2s;
    -moz-transition-property: left;
    -moz-transition-duration: .5s;
}

当用户单击需要加载的元素时，将添加类 slideLeft 以将 div 滑出 View 。这在 webkit(safari、chrome)中非常有效，但在 FireFox 4 beta 中却不行。

知道这是为什么吗？

Answer 1

也许您需要在第一个样式规则中使用 left: 0，以便从 0px 到 500px(可以插值)而不是自动到 500px(不能)的过渡。

(此外，您的 -webkit-* 声明和 -moz-* 声明之间存在差异，但我认为没有必要。)