# \[F8-AS2\] Flash over HTML

**URL:** <https://forum.kirupa.com/t/f8-as2-flash-over-html/253405>\
**Category:** web dev\
**Created:** [February 29, 2008, 7:56pm UTC](https://forum.kirupa.com/t/f8-as2-flash-over-html/253405 "2008-02-29T19:56:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![switchBack](https://avatars.discourse-cdn.com/v4/letter/s/9dc877/32.png) [@switchBack](https://forum.kirupa.com/u/switchBack)\
**Post date:** [February 29, 2008, 7:56pm UTC](https://forum.kirupa.com/t/f8-as2-flash-over-html/253405/1 "2008-02-29T19:56:50Z")

</div>

I know this has been covered on this site before, but the tutorials and explanations that I found here (and elsewhere) have yet been able to help me in solving this problem. I am trying to make a simple flash header drop-down menu, drop down over HTML content.

I have referred to the following for help, but am still having problems:

_[http://www.kirupa.com/forum/showthread.php?t=243449](http://www.kirupa.com/forum/showthread.php?t=243449)_  
[SIZE=-1][http://www.dreamincode.net/forums/showtopic1165.htm](http://www.dreamincode.net/forums/showtopic1165.htm)  
[/SIZE][SIZE=-1][http://www.actionscript.org/forums/showthread.php3?t=79516[/SIZE]](http://www.actionscript.org/forums/showthread.php3?t=79516%5B/SIZE%5D)  
[SIZE=-1]  
I am using swfobject.js and here is the embed code that I use:

[/SIZE]

```auto

<script type="text/javascript" src="swfobject.js"></script>         

     <div id="flashcontent">
       Please download the newest version of flash player <a href="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">here</a>
      </div>

     <script type="text/javascript">
        var so = new SWFObject("whatever.swf", "someTitleHere", "900", "225", "7", "#FFFFFF");
        **so.addParam("wmode", "transparent");**
        so.write("flashcontent");
     </script>

```

I have also tried it with adding, so.addParam(“z-index”, “someNumber”);, but that hasn’t worked at all.

I have tried all of, and all combinations of, the following CSS trying to get something to work with no luck:

```auto

#flashcontent{
position: absolute; **// attempting to anchor it at the top where it is embeded**
background: transparent; **// attempting to put a transparency on the <div> itself**
z-index: 1; **//attempting to set the z-index above that of the HTML content**
}

#body{
position: relative; **//attempting to anchor it right below the flash where it is embeded**
top: -85px; **// attempting to nestle the HTML page right up under the flash**
z-index: 0; **// attempting to set the z-index below that of the flash**
}

```

Could anyone please explain what I may be missing/doing wrong. Or if there are any known issues or circumstances (i.e. being inside of a table or something) in which this will not work, that may be preventing me from doing this?

Much thanks in advance for any help.