View Full Version : swf disappears when adding background image to body tag

Jan 30th, 2010, 01:01 PM
Hi - I'm new here! Can anyone help? I'm building a site for my client using html and css... testing at the URL below.


I can do 2 things perfectly! I can add a static background to my body tag and I can add my swf to my index page. The site above is currently only coded to show the swf as what I can't seem to do is add the background image without it making my swf disappear. I think the problem may be within the javascript that dreamweaver auto-creates to place the html (see below)

<div id="Flash Intro">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','647','height','262','src','media/images/swf/intromovie','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','media/images/swf/intromovie' ); //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=9,0,28,0" width="647" height="262">
<param name="movie" value="media/images/swf/intromovie.swf">
<param name="quality" value="high">
<embed src="media/images/swf/intromovie.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="647" height="262"></embed>

Has anyone experienced this before or am I missing something blindingly obvious?

Cheers guys - appreciate any help!


Jan 30th, 2010, 01:36 PM
Hi Goardo,

Are you wanting to add your background image to the <body> tag? or behind your SWF file etc.

You can do this two different ways:

Apply a background image to the <body> tag using CSS

body {
background: url(yourimage.jpg) no-repeat;

Use a <div> behind your SWF
It looks like your already there with this one, you just simply apply a background image to your #container <div> like so:

#container {
background: url(yourimage.jpg) no-repeat;

Hope this helps! :)

Jan 30th, 2010, 01:43 PM

Try adding

<param name="wmode" quality="transparent"> to your object code and
<wmode="transparent"> to your embed code and see if it works.