Jquery fade-away animation black background bug in png images under ie8

This article introduces the solution to the bug of jquery fade-away animation black background in png images under ie8.

In IE7 and IE8, if you dynamically modify the transparency of the png image, for example, if you apply a fadeIn and adjust the transparency of the image to 25%, then a very strange bug will occur, the transparent information of png is gone! It turns into ugly black!

Solution:

First:

Add an outer layer to the image, and add the same background color or background image to the layer. The advantage is that when jquery is used to change the overall background color, you can call tags to change the background color or background image at the same time.

Second:

Set an outer layer for the image and change the transparency of the outer layer when the animation is switched. I have not tried this. I don't know if it works. In principle, it is feasible.

Third:

Change the format of the image, to the png-8 (the image tone will be biased, not suitable), jpg (this is actually similar to the first .)

If you have a better solution, share it.