CSS drop down menu hides under Flash Issue Fixing

by Francis 2013-09-17 12:47:46

The Problem
You have a CSS based drop-down menu in your navigation and a flash element near it the menus may get "hidden" behind the flash object.

CSS drop down menu hides under Flash Issue Fixing
There are two ways to fixing this menu under flash (instead of z-index).

Method 1 : To fix issue in IE
Add following param tag code

<param value="transparent" name="wmode"/>


Method 2 : To fix issue in Chrome, Opera and Safari
Add following code to embed tag

wmode="transparent"


Example

Method : 1
<object width="100%" height="100%" style="visibility: visible;" id="chart" data="/ofc-library/open-flash-chart.swf" type="application/x-shockwave-flash"> <param value="transparent" name="wmode"/> </object>

Method : 2
<embed src="main.swf" quality="high" width="560" height="480" name="tech" align="middle" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
wmode="transparent">

835
like
0
dislike
0
mail
flag

You must LOGIN to add comments