Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 覆盖Firefox上的转换延迟问题_Javascript_Html_Css - Fatal编程技术网

Javascript 覆盖Firefox上的转换延迟问题

Javascript 覆盖Firefox上的转换延迟问题,javascript,html,css,Javascript,Html,Css,我无法在firefox上覆盖转换延迟。下面的例子和我在Chrome和IE上预期的一样,但在Firefox上,在动画出现之前,它是延迟的。在动画开始之前,我无法覆盖firefox上的转换延迟。我相信这是一个bug,但是这个问题的解决方法是什么 这是 这里是Html代码 <button>move</button> <div class="box"></div> 和CSS .box{ height:100px; width:100px;

我无法在firefox上覆盖转换延迟。下面的例子和我在Chrome和IE上预期的一样,但在Firefox上,在动画出现之前,它是延迟的。在动画开始之前,我无法覆盖firefox上的转换延迟。我相信这是一个bug,但是这个问题的解决方法是什么

这是

这里是Html代码

<button>move</button>
<div class="box"></div>
和CSS

.box{
    height:100px;
    width:100px;
    background-color:yellow;
    transition:all 1s ease 1s;
    position:absolute;
    left:0;
}
.move{
    transition-delay:0;
    left:500px;
}

您只需要包含一个单位(本例中为秒):


此答案解释了原因:

您只需要包含一个单位(在本例中为秒):


此答案解释了原因:

您只需要包含一个单位(在本例中为秒):


此答案解释了原因:

您只需要包含一个单位(在本例中为秒):


这个答案解释了原因:

你是对的,它工作得很好。我猜不出这是因为它在其他浏览器中运行得很好,而且如果我们使用零值,使用unit通常是多余的。你说得对,它运行得很好。我猜不出这是因为它在其他浏览器中运行得很好,而且如果我们使用零值,使用unit通常是多余的。你说得对,它运行得很好。我猜不出这是因为它在其他浏览器中运行得很好,而且如果我们使用零值,使用unit通常是多余的。你说得对,它运行得很好。我猜不到这一点,因为它在其他浏览器中工作得很好,而且如果我们使用零值,使用unit通常是多余的。
.box{
    height:100px;
    width:100px;
    background-color:yellow;
    transition:all 1s ease 1s;
    position:absolute;
    left:0;
}
.move{
    transition-delay:0;
    left:500px;
}
.move {
    transition-delay: 0s; 
    left: 500px;
}