HTML wrapper div over embedded flash object cannot be “clickable” by jQuery

Question

I\'ve been trying to do as the client requested : redirect to campaign page then to destination page once a customer clicks on the top banner in swf format.

You can check

Answer 1

I think the problem is that Flash is swallowing the click event and preventing from bubbling up through the rest of the document. Or Flash is interfering with jQuery's solution for inconsistent models for event propagation. So I think the thing to do is to add a div that floats above the flash movie, but is a sibling (of the movie or one of its parents). Something like this:

echo '
';
echo     '
';
echo         '';
echo         '
'; // float this div above the movie
echo     '
';
echo '
';

Use CSS to make #clickableoverlay lie on top of the movie and apply your click() to that. I don't think you should need to use z-index here if the

appears after the