1

我有一个脚本，它以设定的间隔在一组预加载的图像之间旋转以更改背景图像。我正在使用转换 ( transition: background-image 2s ease) 进行旋转交叉淡入淡出，但目前仅在 Chrome 中支持。

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

如何允许 Chrome 使用 CSS 过渡并强制所有其他浏览器使用 jQuery 动画？

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

4

1 回答 1

1

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

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

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

希望这有帮助

于 2013-03-07T08:14:11.637 回答