Bug Tracker

Opened 13 years ago

Closed 12 years ago

Last modified 11 years ago

#6225 closed bug (invalid)

IE8 Will not properly FadeIn() and FadeOut()

Reported by: eyekanspele Owned by: eyekanspele
Priority: undecided Milestone:
Component: manipulation Version: 1.4.2
Keywords: fade fadein fadeout ie8 position relative absolute Cc:
Blocked by: Blocking:


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.

Change History (2)

comment:1 Changed 12 years ago by dmethvin

Owner: set to eyekanspele
Priority: undecided
Status: newpending

Please provide a test case in jsfiddle.

comment:2 Changed 12 years ago by trac-o-bot

Resolution: invalid
Status: pendingclosed

Automatically closed due to 14 days of inactivity.

Note: See TracTickets for help on using tickets.