Click to See Complete Forum and Search --> : Javascript dropdowns and Flash
alpyraj
02-12-2009, 04:24 AM
Hello,
I have a problem with Javascript dropdown menus.
There is a flash animation just below my javascript menu. When i hover on the javascript menu the dorpdown goes behind the flash animation. Is there any solution to rectify this problem? Please reply...
Coyotelab
02-12-2009, 05:13 AM
apply z-index to div wrapping JS menu...
Eye for Video
02-12-2009, 10:47 AM
There's a lot of discussion on the Web about z-indexing problems with Flash. Here's one that helped me understand:
Window Mode (wmode) - What's It For?
There are three window modes.
Window
Opaque
Transparent
By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.
In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.
Read the complete article at
http://www.communitymx.com/content/a....cfm?cid=E5141
Google "flash z-index problems" for more info.
Eye for Video
www.cidigitalmedia.com