8 Replies Latest reply: Jun 11, 2013 1:02 PM by Ed_Cheng RSS

    Flash wmode="transparent" not working in IE

    b3vegan Community Member

      For 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.