HTML on Flash

TriedandTested · 16 Sep 2009 at 20:55

Is it possible for an HTML page to sit on top of a Flash element.

Basically, you end up with a flash animated background with a simple HTML overlay.

MarcLister · 16 Sep 2009 at 21:05

Might work if you make the HTML divs etc transparent?

TriedandTested · 16 Sep 2009 at 21:07

See, I'm not sure what that means.

I have my .swf animation but would like that swf to be the background to a html page I'm creating.

MarcLister · 16 Sep 2009 at 21:34

OK.

Do http://www.w3schools.com/css/css_background.asp and http://www.w3schools.com/css/css_positioning.asp help?

TriedandTested · 16 Sep 2009 at 21:43

I will have a good look through those but the first link doesn't give specifics about swf files, only images or colour. :confused:

MarcLister · 16 Sep 2009 at 21:45

I was thinking you could make the HTML background transparent so that the Flash shows from behind.

TriedandTested · 16 Sep 2009 at 21:48

That's fine! I'll do that!..but not sure how to get the HTML sitting on the flash.

I'm happy creating the swf and the HTML site - it's just overlaying the HTML over the Flash that I'm struggling with!

GravyMonster · 16 Sep 2009 at 21:51

All you need to do to be able to lay HTML over flash is add the following parameter to your <object> declaration (if you don't flash will show above regardless of z-indexes):

Code:

<param name="wmode" value="transparent">

MarcLister · 16 Sep 2009 at 21:51

You could experiment and see what happens if you link to the Flash. It might just be at the top of your HTML though. You could try setting the Flash as your background. Not sure if HTML would allow that.

TriedandTested · 16 Sep 2009 at 21:55

Spunkey said:
All you need to do to be able to lay HTML over flash is add the following parameter to your <object> declaration (if you don't flash will show above regardless of z-indexes):

Code:

<param name="wmode" value="transparent">

Will have a play with that. Thanks.

MarcLister said:
You could experiment and see what happens if you link to the Flash. It might just be at the top of your HTML though. You could try setting the Flash as your background. Not sure if HTML would allow that.

I've tried in Dreamweaver and it doesn't allow a background 'image' to use swf.

Tripnologist · 17 Sep 2009 at 00:26

Spunkey has given you the right direction.

Also, this site has done exactly what you're wanting to do.
http://www.august.com.au/

TriedandTested · 20 Sep 2009 at 15:34

Going to have a play today.

Was suggested this on another forum:

"Position your SWF on the top left corner of your page with absolute positioning. Then make a wrapper DIV for everything else which is also positioned over the SWF element."