If you have used jQuery fadeIn and fadeOut effects, you might have noticed that they don't always work on IE8.
There's a solution for that issue: in this very short article we are going to explore it.
I don't think I have to explain much about it, so I will get into it very quickly and shortly.
If we have an element to which we applied a fade effect using jQuery, we should have something like:
in the body of our page.
<div id="fading" style="display:none;">Some content</div>
In the head we control the fade effect. In the following example we create the fadeIn effect on the click event (on some other element with id="sometrigger"):
If you test the above code in IE8, the div with id="fading" will just appear without the fading effect.
In order to solve the issue, we just need to add a CSS rule to the fading div:
As you can see we added:
<div id="fading" style="display:none;filter:inherit;">Some content</div>
The above rule will make the fading effect work on IE8 as well.