Flash and jquery thickbox: z-index
Problem: Damn Flash content overrides ThickBox window!!!
Solution: 2 part fix; key changes are highlighted...
PART 1
In the thickbox.css file add the following line to class #TB_window, #TB_window:
<style type="text/css">
#TB_window, #TB_overlay { z-index: 999 !important;}
</style>
PART 2
In the flash.html file add the following highlighted items:
<div style="z-index: 1;">
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab##version=8,0,0,0',
'width', '420',
'height', '320',
'src', 'filename',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'exactfit',
'wmode', 'opaque',
'devicefont', 'false',
'id', 'filename',
'bgcolor', '##222222',
'name', 'filename',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'filename',
'salign', '
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab##version=8,0,0,0" width="420" height="320" id="filename" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="filename.swf" />
<param name="flashvars" value="filename.swf?x=x" />
<param name="quality" value="high" />
<param name="bgcolor" value="##222222" />
<param name="wmode" value="opaque">
<embed src="filename.swf?x=" flashvars="filename.swf?x=x" quality="high" scale="exactfit" wmode="opaque" bgcolor="##222222" width="420" height="320" name="filename.swf" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
Search words: thickbox z-index
Resources: http://menumachine.com,http://lbm-services.de/
