Problems animated gifs in Internet Explorer

Internet Explorer 6, 7 and 8 have a lot of problems with displaying animated gifs, while other browsers work as expected. Most of the bugs are related with the way IE handles refreshing and caching.

• Hidden elements containing animated gifs
• Animated gif leaves halo behind

A common bug is that animated gifs don't start with their animation when the container that contains them is made visible through JavaScript by un-hiding it. The problem here is that the element was added to the DOM when it was invisible, leaving IE without rendering this animated gif file. When you unhide its container, IE will only show the image and does not animate it.
Solution: When you add your animated gif to the DOM, it should be visible so that IE can render the animation.

Another problem often heard is that animated gifs leave some sort of halo behind. The animated gif works fine on a computer but when displayed on a webpage in IE, it leaves annoying traces, small white or black lines of previous frames.
Solution: The reason for this is that internet explorer can't handle resizing of animated gifs. Save your gif animation in the correct size (width and height) so that it doesn't have to be resized on your webpage.

Would you like to comment?

Name*

E-mail

Comment*

Repeat code*

Fields with * are obligatory.

Save