Bug Tracker

Opened 9 years ago

Closed 8 years ago

Last modified 7 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:

Description

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 9 years ago by dmethvin

Owner: set to eyekanspele
Priority: undecided
Status: newpending

Please provide a test case in jsfiddle.

comment:2 Changed 8 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.