IE8 Will not properly FadeIn() and FadeOut()

[eyekanspele]

It appears there is another bug when fading and out when using IE8.

I found this similar post on another website: ​http://old.nabble.com/IE8-will-not-perform-Fade-animation-properly-td23006136s27240.html

Which appears to be what I am having problems with aswell. If you read THD's post, they mention that "I tried to fade an absolutely positioned div with another positioned div inside (both relative and absolute). The outer div background would fade, but the elements inside the inner div wouldn't. "

My situation is similar. I have a div (aka "inner div" living within a div (aka "outer div").

Inner div has the following css:

position: absolute; left: 280px; top: 180px;

Outer div has the following css:

display: block; width: 500px; height: 220px; position: relative;

While in IE8, fades do not seem work properly, behaves more like "hide" and "show".

As soon as I remove "position: absolute" from inner div, fades begin to work properly. (however my positioning is no longer correct)

This bug only seems to be affecting IE8; however when IE8 is set to work in compatibility mode, the fade works as expected.

[dmethvin]

Please provide a test case in jsfiddle.

[trac-o-bot]

Automatically closed due to 14 days of inactivity.