Proactive and Automated Chat Invitations float under Flash elements

Activa Live Chat Support » Live Chat Invitations » Troubleshooting

Article ID: 21 | Last Modified: 03/24/2008

If your pages have Flash elements on them, such as animated headers (like on our homepage), the floating chat invitation will appear to go under the Flash element when it appears on the page.

This is caused by the way the browser renders Flash movies in the topmost layer, as documented in this Adobe support article: Flash content displays on top of all DHTML layers

To fix this, you can set the Flash element's "wmode" parameter to "transparent" as in this example:

Please Note: the following example is the code generated from Flash for embedding Flash elements into Web pages. Your code may vary slightly, but the "wmode" parameters remain the same as shown in the example.

<!-- START Flash Element -->

<script type="text/javascript">
AC_FL_RunContent(
'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',
'width','300',
'height','400',
'src','resources/flash_file_name.swf',
'quality','high',
'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',
'movie','resources/flash_file_name.swf',
'wmode', 'transparent'
);
</script>
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="400">
<param name="movie" value="resources/flash_file_name.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="resources/flash_file_name.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="xxx" height="xxx"></embed>
</object>
</noscript>

<!-- END Flash Element -->