Flash wmode="transparent" not working in IE
b3vegan Sep 12, 2011 4:18 PMFor the life of me, I can't figure out how to make my swf transparent in IE. I've tested in Firefox, Opera, Safari, and Chrome on Windows 7 and it works fine, but in IE it is showing a black opaque background. I've seen the same issue on Safari on the Mac.
I now have 3 different variations of the code on the page, all 3 variations being transparent in Firefox, Opera, Safari, and Chrome on Windows 7, and all 3 variations NOT being transparent in Internet Explorer.
For 'attempt 2', I'm using swfobject which in theory should generate the correct code.
Page link is http://www.bikramyogabrighton.com/index_test_swf.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test page</title>
</head>
<body style="background-color:#CC6633;">
<!--
ATTEMPT 1
-->
<object width="450" height="375">
<param name="movie" value="flash/sun.swf">
<param name="wmode" value="transparent" />
<embed src="flash/sun.swf" width="450" height="375" wmode="transparent"/></embed>
</object>
<!--
ATTEMPT 2
-->
<script type="text/javascript" src="/js/swfobject/swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashSun", "10.3.0", "/js/swfobject/expressInstall.swf");
</script>
<div id="flashsun">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450" height="375" id="myFlashSun">
<param name="movie" value="flash/sun.swf" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/sun.swf" width="450" height="375">
<param name="wmode" value="transparent" />
</object>
<!--<![endif]-->
</object>
</div>
<!--
ATTEMPT 3
-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="450" height="375" id="navigation">
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flash/sun.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="flash/sun.swf" quality="high" bgcolor="#000000" width="450" height="375" name="start" allowscriptaccess="sameDomain" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
Any help much appreciated.


