Question

我有一个脚本，它以预定的间隔在预加载的图像数组之间旋转，以更改背景图像。我正在使用转场（transition: background-image 2s ease）来进行轮播交叉渐变，但目前只支持Chrome。

我可以使用jQuery修改脚本，使元素动画淡出，更改源然后淡入，但启用此脚本会覆盖Chrome的行为。作为副/替代问题，是否可以使用jQuery模拟交叉淡化？

如何让Chrome使用CSS转换并强制所有其他浏览器使用jQuery动画？

我正在使用Modernizr，但我不认为功能检测会像大多数其他现代浏览器获得csstransitions类一样工作，即使它们不支持某些特定的转换，例如background-image，但是如果有人能证明我错了，我会很高兴。

Answer 1

您可以使用导航器对象查找客户端是否为Chrome浏览器广告，并将您的代码置于条件下。

$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); 
if($.browser.chrome){
/*code for chrome browser*/

}
else{
/*code for other browser*/
}

希望这个帮助

用于背景图像转换的jQuery后备

1 个答案: