У меня есть небольшая функция анимации jQuery, которая работает во всех браузерах, кроме IE. Вот мой код: HTML:jQuery animate background-position, не работает в
<div class="container">
<div class="bg"></div>
<div class="bgHover"></div>
</div>
CSS:
.container{width:54px; height:54px;}
.bgHover{background: url("../images/shine.png") no-repeat scroll -150px 0 rgba(0, 0, 0, 0); width:54px; height:54px; position: absolute; top: 8px; left: 8px;}
.bg{background-color:black; width:54px; height:54px;}
JQuery:
$(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.
Имейте в виду, что IE <9 не поддерживает фоновое положение. –
@RajaprabhuAravindasamy: Есть ли решение? – Rajesh
Это может вам помочь, http://stackoverflow.com/questions/6993922/how-to-animate-background-position-in-ie8 –