Jquery calendar overlapped by flash....

Question

I use a jquery calendar and a flash in the same page.. What happens is my jquery calendar is overlapped by my flash... Any suggestion to make it display above flash...

Look at the image and see my calendar Fr,sat are invisible because of flash...

EDIT: This is what i used,

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="702" height="443">
      <param name="movie" value="images/homebanner.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <embed src="images/homebanner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="702" height="443" wmode="transparent"></embed>
    </object>

Answer 1

Use wmode='opaque' on the flash object and embed tags, that should fix it.

It's a param tag under , i.e. <param name="wmode" value="opaque" /> and just an attribute on the tag, i.e. wmode='opaque'

Answer 2

When embedding the flash, use wmode=transparent or opaque. If it's still not working, mess around a bit with the z-index of the different elements.

Answer 3

IIRC, this isn't possible. Flash isn't rendered as a part of the page - a placeholder is made, the page is rendered around the placeholder, and then the Flash is slapped over the top after the rendering has been done.

Maybe it'll be different in Chrome once Flash is built in (as announced recently), but that'll be of limited help if the other browsers don't do it, and is no use to anyone in the here and now.