Friday, December 10, 2010

Fix for Drop-down Menus Hidden Behind Flash

Recently, for the second time in my career, I was confronted with the problem of drop-down menus hiding behind a Flash element of a web page. Just Google "drop-down menus hidden behind Flash", and you'll discover that this is a widespread problem. Requests from developers begging for solutions abound throughout the web. But the standard suggestions to increase the z-index of the navigation div, or to specify the wmode value as "transparent" in the Flash object and/or embed tag, do not always work.

Here's what does! Use CSS to dictate the placement of the navigation div and the Flash div. Then, in the code view of your software, drag the code of the Flash div above the code of the navigation div. Because browsers load pages from top to bottom, this trick will cause browsers to load the flash first, and the navigation second. But your CSS styles will force the placement of the elements properly on the rendered web page with the navigation positioned above the Flash.

0 comments:

Post a Comment