CODEWITHSUNDEEP
jquery
mbee
mbee

Reputation: 35

jQuery animate does not show in ie7 / ie8

the jQuery animate function supports only IE9, Firefox, Chrome but not in < IE 9. Is there a solution?

/* <![CDATA[ */
$(document).ready(function() {
    $(".subSlogan").animate({"opacity": "-=1", top: 0, left: 0 }, 1);
    $(".subSlogan").animate({"opacity": "-=1", top: 0, left: 0 }, 1000);
    $(".subSlogan").animate({"opacity": "+=1", top: 95, left: 120 }, 1200);

    $(".Slogan").animate({"opacity": "-=1", top: 300, right: 0 }, 1);
    $(".Slogan").animate({"opacity": "-=1", top: 300, right: 0 }, 2000);
    $(".Slogan").animate({"opacity": "+=1", top: 153, left: 180 }, 1200);

    $(".Schweizerkreuz").animate({"opacity": "-=1", top: 155, left: 795 }, 1);
    $(".Schweizerkreuz").animate({"opacity": "-=1", top: 155, left: 795 }, 3500);
    $(".Schweizerkreuz").animate({"opacity": "+=1", top: 155, left: 795 }, 1200);

    $("#logoBox").animate({"opacity": "-=1", top: -250 }, 1);
    $("#logoBox").animate({"opacity": "-=1", top: -250 }, 4000);
    $("#logoBox").animate({"opacity": "+=1", top: 0 }, 1200);
});
/* ]]> */

Upvotes: 0

Views: 175

Answers (2)

Sean
Sean

Reputation: 650

I believe this is an issue with opacity not being fully supported in IE < 9, and not a problem with the animate function. In essence, a CSS problem, not a jQuery problem. Can you animate other CSS properties?

Upvotes: 1

ravisolanki07
ravisolanki07

Reputation: 647

IE7 or IE8 is not supported to HTML 5 and CSS 3 but it is supported in IE9. That's why your animation is not working.So there is no error in your jquery code.

Upvotes: 0

Related Questions