tags:

views:

232

answers:

3

No matter what values of z-index I try, I cannot overlay my html div (or img) element on top of this flash animation (see top left corner):

http://www.resident.co.il/aspx/places.aspx?t=4&a=1

Any ideas ?

A: 

http://labs.findsubstance.com/2008/06/30/transparent-flash-over-html/

CodeJoust
And if I cannot modify the flash ? How, for instance, code such as lightbox manages to overlay everything, no matter which site it used on ?
Demiurg
The OP wants an HTML element above the flash animation, not vice-versa.
Paul Lammertsma
+1  A: 

Add this param:

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

And if you're using an embed tag add the attribute wmode="transparent"

Chris Haas
+2  A: 

See this question. The trick is to add the param wmode:

<param name="wmode" value="opaque" />

Only add transparency if you absolutely need it, as it is more processor-intensive:

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

Also see this demonstration.

Paul Lammertsma
Don't forget to also modify the <object> tag too to include: wmode="opaque"
Amy