Hi, I'm Ahmad. I make websites with Joomla!

Welcome, Feel free to navigate my website and I will be glad to hear from you.

Download Calendar Stamp 1.5

Recommended Book

0523_Mastering_Joomla_1

What's going on twitter

  • I took it and so should you—The Survey for People Who Make Websites 2011! http://t.co/xG9Gv0i5 via @alistapart
  • why doesn't #facebook push #html5 notifications instead of #javascript ? seriously?
  • Any one knows where to get one of those standing desks in Egypt? http://t.co/e1Enk4bX
28
Feb
2010
Drop downs, Flash and some CSS! PDF Print E-mail

LayersI've came across this issue a lot on forums and help groups "My drop down menu is hidden by Flash/Banner/Other-Element" First a few principles should be cleared to understand how to get it fixed.

  • The Flash movie must have the wmode set to opaque. This will prevent the Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.
  • The menu container have to be positioned with CSS using (relative)
  • The Flash movie container must have a z-index value less than the menu container

So the CSS for the menu container should be like :

#menu-container {
         position:relative;
         z-index:100;
}

and the Flash movie should be :

 wmode=opaque 

This should place the drop down menu in-front of the Flash movie

Before to After

Hope this saves anyone from frustration! Have a nice day :)