How to put a div above flash file ?

Question

Hi ,
I used jquery tools tooltip and i positioned icons 30 px under flash banner . The problem is when i hover icons , tooltips hide under flash banner , I gave high z-index to the tooltip div or other parent div in order position that above flash banner, but no difference .
Is there any way to overcome this problem ?
At the bottom picture , The green section is flash file and as you can see part of tooltip is hidden

Answer 1

Have you tried setting the wMode to Transparent? See here

Answer 2

Flash controls (and other plugin-based controls) in the browser exist in a plane beyond the one that z-index can affect; their rendering doesn't stack with other z-indexed elements in the page.

You can trick the browser into displaying the div above the Flash control by putting an iframe element behind the div. The browser will respect z-index for the iframe, but because the iframe is a totally separate window element, it'll appear above the Flash control.

So you'll now have a Flash element with z-index "x", a div with z-index "y", and an iframe with z-index "z", such that x < z < y.