Side navigation
#12548 closed bug (wontfix)
Opened September 17, 2012 11:08AM UTC
Closed December 28, 2012 07:26AM UTC
fadeIn() does not work for relative positioned child elements in Internet Exporer 8.0
| Reported by: | dirk.bunk@gmail.com | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | 1.9 |
| Component: | css | Version: | 1.8.0 |
| Keywords: | ie7 ie8 ie9 | Cc: | |
| Blocked by: | Blocking: |
Description
If you have a relative positioned div inside a main div, and you use the fadeIn() function on the main div, the child div is shown instantly instead of fading in.
Here is my test case:
In Internet Explorer 8.0 you see that the first text is shown instantly while the second text is fading in as expected.
If you comment out the "position: relative;" for the textDivRelative, both texts are fading in.
It's also possible to fix this by adding a "position: relative;" style to the main div.
This bug occurs in all jQuery version I tested (1.3.2+).
I used Internet Explorer 8.0.6001.18702.
FireFox & Chrome do not have this issue.
Attachments (0)
Change History (5)
Changed September 19, 2012 12:49PM UTC by comment:1
| component: | unfiled → css |
|---|---|
| keywords: | → ie7 ie8 ie9 |
| priority: | undecided → low |
| status: | new → open |
Changed September 19, 2012 01:19PM UTC by comment:2
Replying to [comment:1 dmethvin]:
This is the probem you're encountering: http://www.jacklmoore.com/notes/ie-opacity-inheritance I'm not sure it's wise to implement these fixes at jQuery's level since they can have other effects on the page, but I'll mark it open for the moment.
I guess it's okay to leave everything as it is then.
As it is an IE specific bug, Microsoft should fix it (also I doubt they will).
Thanks for the workaround!
Cheers,
Dirk
Changed September 19, 2012 01:30PM UTC by comment:3
This appears to be fixed in IE10 BTW.
Changed December 04, 2012 05:54AM UTC by comment:4
| milestone: | None → 1.9 |
|---|
Batch update of oldIE bugs to milestone 1.9 for resolution/reevaluation/closing/etc.
Changed December 28, 2012 07:26AM UTC by comment:5
| resolution: | → wontfix |
|---|---|
| status: | open → closed |
This is the probem you're encountering: http://www.jacklmoore.com/notes/ie-opacity-inheritance
I'm not sure it's wise to implement these fixes at jQuery's level since they can have other effects on the page, but I'll mark it open for the moment.