You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Fade effect issue with IE and position: attribute Created Sep 30, 2009

This thread is solved

Views: 1086     Replies: 3     Last reply Oct 8, 2009  
You must login first before you can use this feature

wecko

Posts: 4

Registered:
Sep 29, 2009

Fade effect issue with IE and position: attribute

Posted: Sep 30, 2009

Ok, after a couple of tests I finally found something you should take a look at.

If I'm using the Tabs:slideshow plugin with the 'fade' effect, and I put images on which I set a CSS position attribute, this images isn't faded anymore on IE.

Try yourself - just apply a position:relative on your images in this example :http://flowplayer.org/tools/demos/tabs/slideshow.htm and see the result.

The position:relative is though supported by both IE6 & 7, but not 8.
And the absolute positioning is not supported at all, regardless of the IE version.

None of these bugs were reported on FF and Safari.

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1831

Registered:
Nov 16, 2007

» Fade effect issue with IE and position: attribute

Posted: Oct 5, 2009

Reply to: Fade effect issue with IE and position: attribute, from wecko
Do you think this is a bug on jQuery Tools or a simply a lack of proper CSS support on IE browsers?

wecko

Posts: 4

Registered:
Sep 29, 2009

» » Fade effect issue with IE and position: attribute

Posted: Oct 5, 2009

Reply to: » Fade effect issue with IE and position: attribute, from tipiirai
That's a good question. I'm not an IE lover so I would blame the browser, but as IE8 has a close-to-perfect CSS2.1 support, I'm not so sure.

And it doesn't explain the fact that it works on both IE6 & 7 but not on IE8.

So far I didn't find something consistent enough to help me on this subject. Seems like I haven't identified precisely the source of the problem.

wecko

Posts: 4

Registered:
Sep 29, 2009

» Fade effect issue with IE and position: attribute

Posted: Oct 8, 2009

Reply to: Fade effect issue with IE and position: attribute, from wecko
> If the image or any of its parents has a "position:absolute/relative", it will not fade.

> It will work if I let the default "position:static" or if I set a "float:" attribute.

> Using background images instead of <img /> tags will have exactly the same results.

Finally I tried to recreate a simplified version of the slideshow system without using JQTools (fadeIn/fadeOut), and it doesn't change anything.

So it's either a JQuery core or an IE interpretation problem. The latter seems obvious, because the tooltip tool 'fade' effect already has a parameter which deactivates the opacity fading if IE is detected. Now I'm sure both are related.

Damn IE.

So you can now close this thread and hope for IE9 to be more compliant.

Thanks for your time and those awesome tools.

•