Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Flash wmode=transparant in Firefox

Layers with flash movies on top of eachother seem not to work in Firefox

3:48 pm on Jul 26, 2004 (gmt 0)

10+ Year Member

I have a website with an intro page with a couple of layers on top of eachother. Two of them are flashmovies with a 100% fill for both width and height. One is a link which makes it possible to skip the flashmovies if you don't have the plugin installed for some weird reason :)

In IE it all looks fine. In Firefox 9.2 it looks like crap.
Both movies have a transparent background by using the wmode=transparant value. I don't use <embed> tags since it is deprecated. Z-index seems not to work. I must overlook something. Here's a piece of the code I use:

<div id="rose" style="position:absolute; width:100%; height:100%; z-index:0" >
<object type="application/x-shockwave-flash" width="100%" height="100%" id="roos2" align="middle" data="../flash/roos2.swf">
<param name="movie" value="../flash/roos2.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="000000" />
<div id="introfilm" style="position:absolute; width:100%; height:100%; z-index:1">
<object type="application/x-shockwave-flash" width="100%" height="100%" data="../flash/intro.swf" >
<param name="movie" value="../flash/intro.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="000000" />
<embed src="../flash/intro.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
<div id="skipintro" style="position:absolute; width:100%; z-index:2; text-align:center; left: 7px; top:0px;">
<h5><a href="mainframe.htm">- skip intro -</a></h5>
7:40 pm on Jul 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

afaik the transparent bg is an IE only option, im afraid.
9:43 pm on Jul 26, 2004 (gmt 0)

10+ Year Member

According to Macromedia:

The following browsers currently support windowless mode:
Windows and Mac OS X

Internet Explorer 3 or higher (Windows)
Internet Explorer 5.1* and 5.2* (Macintosh)
Netscape 7.0*
Mozilla 1.0 or higher*

I thought that firefox was a Mozilla 1.0? Or are they different?

btw I saw another unanswered topic about this: [webmasterworld.com...]

Is Firefox still only reading the embed tags?

8:24 am on Jul 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

standing corrected ;)

In Firefox 9.2 it looks like crap.

so whats actually happening in FF?

8:45 am on Jul 27, 2004 (gmt 0)

10+ Year Member

AH sorry, that was not very clear from my post indeed. The background movie plays. Then the movie on top of this one loads en starts to play. It starts transparant, but the moving parts in that second movie wipe everything that was first transparant to black. So the transparant wmode only works half.

[edit]Now this is very odd. I placed the <embed> properties back and it worked (of course). Then I deleted them...and it still seem to work? This means that the old cade is back....but now it woks....
I don't know what is causing this, but it's a very strange thing.


8:48 am on Jul 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

ok. im afraid i really dont know whats causing that.

the only thing i could suggest would be try removing the references to

<param name="bgcolor" value="000000" />

in your code.

good luck!

8:46 am on Aug 2, 2004 (gmt 0)

10+ Year Member

it still does not work. I htought it worked, but it does not. WHo can help me out here since I haven't got a clue what is causing this. I cannot post the link to the site here, so if you want to see it please send me a private message.
10:43 am on Aug 3, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Why not add the skip intro link directly within the HTML page? This way, you're 100% sure that everybody will have access to it, and spiders will spot it - which help your pages get incuded in the SE. It will also make the total amount of code for that page smaller.

Sometimes, the simple solution is the best.

7:52 am on Aug 4, 2004 (gmt 0)

10+ Year Member

Harry. I'm not sure if I get what you are saying. Of course you missthe body html and declaration stuff. All DIvs are in a html page. Or is this not what you mean?
2:44 am on Aug 5, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Could you put your Flash in a basic html page without any layers, javascript and whatever? If you did that, you could simply add a regular link and bypass all your troubles.

Featured Threads

Hot Threads This Week

Hot Threads This Month