jquery - Firefox 转换不工作

Question

所以，这是 CSS

html {
background: url(Images/1.jpg);
background-position: center;
background-size: cover;
-webkit-transition: background 1s ease;
-moz-transition: background 1.5s ease;
transition: background 1s ease;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);

我有 jQuery 代码，每次按下空格时，背景:url(x/x.jpg) 都会改变。

它在 google chrome 上完美运行，但是，一旦在 firefox 中它就会突然改变。如您所见，默认值已设置，-moz 前缀显然在那里。

我已经搜索过 SO 但我只看到答案说包含默认值。

Answer 1

background-image 不是 animatable property .它可能在 Chrome 中受支持，但它不兼容并且不能保证在所有浏览器中都能正常工作。您可能需要查看基于 JavaScript 的图像幻灯片插件。