Question

I have the following jQuery code (lizzy-doll is an image):

            var toTop = $('.lizzy-doll').css('top');

            $('.lizzy-doll').css('top', '-100px').css('opacity', '0');
            $('.lizzy-doll').animate({
                top : toTop,
                opacity : 1
            }, 2500);

This makes my image move down from where it is and fade in and works fine in all browsers except IE, here the image gets a black background (its a transparent png image) instead of fading in (the slide part works fine), I tried adding ‘filter’ : ‘alpha=xx’ aswell but same problem.

Does anyone knows how to fix this?

Thanks in advance.

Answer 1

Hey, have you managed to fix this? See if this inserted in the css fixes it:

.lizzy-doll { background: none !important; }