views:

316

answers:

2

Hello All, I have two simple HTML divs one contains flash movie and another div contains simple text now my problem is that i have to put textual div onto the flash movie div what i am doing is setting the position of both divs to Absolute in CSS and setting the Z-Index of flash movie div to 1 and Z-Index of textual div to 2 but the text is coming behind the movie in every case but i have to put text onto movie, please help me in this regards so that my text may appear onto the flash movie. Thanks in advance.

+5  A: 

Here is a blog post that explains this issue

Flash content and z-index

Use

<param name="wmode" value="transparent"> 

From Flash OBJECT and EMBED tag attributes

wmode

Possible values: window, opaque, transparent. Sets the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser.

* window - movie plays in its own rectangular window on a web page.
* opaque - the movie hides everything on the page behind it.
* transparent - the background of the HTML page shows through all 
  transparent portions of the movie, this may slow animation performance.
rahul
To clarify: if you're using `object`, insert it as `<object> ..other params.. <param name="wmode" value="transparent" /></object>`; if you're using `embed`, use `<embed ..other attrs.. wmode="transparent" ... />`
K Prime
A: 

This technique is working fine in IE but not working in Firefox any idea?

Mohammad Tanveer
What technique? Why is this posted as an answer?
thenduks