CODEWITHSUNDEEP
javascriptjqueryjquery-uiz-order
ariel
ariel

Reputation: 16150

Dynamically loaded flash movie is on top of jquery dialog: how to change zorder?

A flash movie is loaded on a page via javascript (replaceChild on a div)

I add jquery datepicker to a input above this movie.

When the datepicker (or other jquery element) is shown, it is shown under the movie (wrong zorder)

The element do have "z-index: 99" in its css class

How do i bring the jquery element up?

[Edit]

Theres no styling on the flash object tag

This happens on Chrome and IE, on firefox it also happens, but some elements are over the movie (picture)

alt text http://img171.imageshack.us/img171/5519/capturadetelainteira050.jpg

Upvotes: 2

Views: 828

Answers (2)

ariel
ariel

Reputation: 16150

Got it...

had to add to the object:

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

and to the css:

object
{ 
    position:relative; 
    z-index:0
}

Upvotes: 3

Josh
Josh

Reputation: 6322

you need to add wmode:transparent to the flash in order for it to appear behind other elements. http://kb2.adobe.com/cps/142/tn_14201.html

Upvotes: -1

Related Questions