jQuery动画背景位置,不在ie中工作
我有一个小的jQuery动画功能,它可以在除IE以外的所有浏览器中工作。下面是我的代码: HTML: jQuery:jQuery动画背景位置,不在ie中工作,jquery,html,css,internet-explorer,jquery-animate,Jquery,Html,Css,Internet Explorer,Jquery Animate,我有一个小的jQuery动画功能,它可以在除IE以外的所有浏览器中工作。下面是我的代码: HTML: jQuery: $(document).ready(function(){ var $e = $(".container") timer = setInterval(function(){ $e.find(".bgHover").stop().animate({backgroundPosition: 0},500,f
$(document).ready(function(){
var $e = $(".container")
timer = setInterval(function(){
$e.find(".bgHover").stop().animate({backgroundPosition: 0},500,function(){
$e.find(".bgHover").css("background-position","-99px 0");
$e.find(".bgHover").animate({backgroundPosition: '99px 0'});
});
},2500);
});
请查找以上代码,该代码在除IE之外的所有浏览器中都有效。您需要使用
css({
"background-position-x" : "-99px",
"background-position-y" : "0"
);
但在IE8中的rmbr和之前,您需要使用其他脚本,我正在寻找它
编辑:
我相信这会帮助你记住,IE<9不支持背景位置。@RajaprabhuAravindasamy:有什么解决方案吗?这可能会帮助你,什么IE版本?因为你的代码适用于IE9和10@GabyakaG.Petrioli:是的,它在IE8中不起作用。Dziewonski:如果有脚本,请共享。
$(document).ready(function(){
var $e = $(".container")
timer = setInterval(function(){
$e.find(".bgHover").stop().animate({backgroundPosition: 0},500,function(){
$e.find(".bgHover").css("background-position","-99px 0");
$e.find(".bgHover").animate({backgroundPosition: '99px 0'});
});
},2500);
});
css({
"background-position-x" : "-99px",
"background-position-y" : "0"
);