Show drop down list or menu above of a flash in webpage

4,710 0
Summary

When embedding Flash or SWF files, they often render above other webpage elements, preventing dropdown menus from displaying correctly. To address this, developers can leverage the `wmode` property within the `object` tag. This property offers three settings: `window`, `opaque`, and `transparent`. While `window` keeps Flash in its own layer always on top and `opaque` blocks elements behind it, `transparent` allows background elements to remain visible and enables interaction with the HTML page. Therefore, setting `wmode="transparent"` is the recommended solution to ensure dropdown menus appear above Flash content.

How to make a drop down menu show above of a  flash in webpage?

Normally when we embed a flash or swf file into our webpage, it is not one component of our webpage.So sometimes the flash will always show above of the webpage, it will not interact with our HTML page.To solve this problem,we need to use wmode property of object tag.

wmode has three properties: window,opaque and transparent.

  • window : the flash will show in its own rectangular window,which will not interact with
          our webpage,so it will always show on top of the page.

  • opaque :it will block all the elements behind the flash,but it may interact with our
          HTML page, it will not always show on top of the webpage

  • transparent: it will make all elements behind the flash visible to us,it may interact
          with our HTML page.

The difference between opauqe and transparent is that opaque will block all elements behind the flash,which means all elements behind the flash will be invisible.In contrast,the transparent will not block them,the elements will be visible. 

So usually we should use transparent if we want to show a drop down menu on top of a flash.
HTML FLASH SOLUTION DROP DOWN MENU BLOCK

  RELATED

  COMMENTS

0

No comment for this article.