#161 new
Gilles Ruppert

Fade animation: children with position:relative ignore the opacity of the parent in IE

Reported by Gilles Ruppert | November 12th, 2009 @ 04:59 PM

IE has a bug where an element ignores the opacity of its parent if it has a position:relative.
I.e.

<!-- element to be faded -->

<!-- this content will not fade with it's parent in IE6-8 --> this should fade with the parent

Blog post with write up: http://acidmartin.wordpress.com/2008/09/11/overriding-the-parent-pr...

jQuery gets around this problem by adding display:block to the container at the end of the animation. I don't know whether this is the correct approach (maybe you still want that space to be filled).

Worth giving a thought, or at least making a note in the documentation

Comments and changes to this ticket

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

A JavaScript Library

Shared Ticket Bins

People watching this ticket

Attachments

Tags

Pages