Html 轻松进出不在firefox中工作

为什么我的css转换在firefox中不起作用？我指的是轻松进出？它在chrome和safari中工作。 我在stackoverflow上做了谷歌搜索，我真的，真的希望这不是因为firefox不支持这个

css

html

<ul>
   <li>one</li>
   <li>two</li>
   <li>three</li>
</ul>

---

也许您可以尝试设置背景位置的动画，但是使用

背景位置：cover

：

var-list_-elements=$（'ul-li'）；
var current_index=null；
列出（'mouseenter'，function（）上的元素{
当前索引=列表元素索引（此）；
$（'body'）.addClass（'background-'+当前索引）；
}).on（'mouseleave'，function（）{
$（'body'）.removeClass（'background-'+当前索引）；
当前_索引=空；
});
正文{
背景：url（“https://placehold.it/1250x550/000000）无重复50%50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复50%50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复50%50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
过渡：全部缓进缓出0.5s；
颜色：#fff；
}
.background-0{
背景：url（“https://placehold.it/1250x550/000000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复50%50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复50%50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
}
.背景-1{
背景：url（“https://placehold.it/1250x550/000000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复50%50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
}
.背景-2{
背景：url（“https://placehold.it/1250x550/000000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
}


红色的
绿色的
蓝色的
也许您可以尝试设置背景位置的动画，但如果使用
背景位置：封面
:


var-list_-elements=$（'ul-li'）；
var current_index=null；
列出（'mouseenter'，function（）上的元素{
当前索引=列表元素索引（此）；
$（'body'）.addClass（'background-'+当前索引）；
}).on（'mouseleave'，function（）{
$（'body'）.removeClass（'background-'+当前索引）；
当前_索引=空；
});
正文{
背景：url（“https://placehold.it/1250x550/000000）无重复50%50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复50%50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复50%50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
过渡：全部缓进缓出0.5s；
颜色：#fff；
}
.background-0{
背景：url（“https://placehold.it/1250x550/000000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复50%50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复50%50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
}
.背景-1{
背景：url（“https://placehold.it/1250x550/000000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复50%50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
}
.背景-2{
背景：url（“https://placehold.it/1250x550/000000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/ff0000）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/00ff00）无重复-2000px 50%固定，
网址（“https://placehold.it/1250x550/0000ff）无重复50%50%固定；
}


红色的
绿色的
蓝色的
您不能转换
背景图像
，转换只能应用于数值。他可以将其应用于背景位置？
居中
所有状态请参见：您不能转换
背景图像
，转换只能应用于数值。他可以将其应用于背景位置？
center
所有状态请参见：
<ul>
   <li>one</li>
   <li>two</li>
   <li>three</li>
</ul>

var list_elements = $('ul li');
var current_index = null;
list_elements.on('mouseenter', function() {
    current_index = list_elements.index(this);
    $('body').addClass('background-' + current_index);

}).on('mouseleave', function(){
    $('body').removeClass('background-' + current_index);
    current_index = null;
});