Html CSS Mozilla Firefox后台转换不工作

我在.css文件中定义了这个转换。按照它的工作方式，背景图像慢慢过渡到另一个图像。它在Chrome上运行得非常好，但在Mozilla Firefox上却不行，我也不知道为什么。我试过使用-moz背景图像，但仍然一无所获

.container {
    background: url("myimage.jpg");

    -webkit-background-size: 100% 200px;
    -moz-background-size: 100% 200px;
    -o-background-size: 100% 200px;
     background-size: 100% 200px;

    -webkit-transition: background 2s ease;
    -moz-transition: background 2s ease;
    -o-transition: background 2s ease;
    transition: background 2s;
    transition-delay: 1s;
}

.container:hover {

    background: url("myimage2.jpg");

    -webkit-background-size: 100% 200px;
    -moz-background-size: 100% 200px;
    -o-background-size: 100% 200px;
    background-size: 100% 200px;
}

---

你能提供一个链接到live网站或其开发版本吗？或者提供HTML代码？你能提供一个链接到live网站或者它的开发版本吗？或者提供HTML代码？