Issue with applying fadeIn

Question

I have flash embeded on my page but then i am using jquery to add a fadeIn effect to the page but it does not work for the embedded flash.

In other words, the flash content loads up first before the rest. So i thought maybe i could use jquery to wrap a div round the flash and then fade the div out, but the problem i encounter here is that the flash is on top of the div.

Is there something obvious i am missing or a neater way to get around this?

$('#flash').wrap("<div id='me'></div>");
$('#me').css({'background':'#ff0000', 'position' : 'absolute'});
$('#me').hide().fadeOut(5000);

Answer 1

Can you add wmmode="opaque" to the Flash container?

Further Reading.