Welcome to WebmasterWorld Guest from 54.196.244.186

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)

Junior Member

10+ Year Member

joined:Feb 15, 2004
posts:62
votes: 0


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" />
</object>
</div>
<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>
</object>
</div>
<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>
</div>
7:40 pm on July 26, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 13, 2003
posts:1240
votes: 0


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

Junior Member

10+ Year Member

joined:Feb 15, 2004
posts:62
votes: 0


According to Macromedia:
[macromedia.com...]

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*
AOL*
CompuServe*

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 July 27, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 13, 2003
posts:1240
votes: 0


standing corrected ;)

In Firefox 9.2 it looks like crap.

so whats actually happening in FF?

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

Junior Member

10+ Year Member

joined:Feb 15, 2004
posts:62
votes: 0


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.

[/edit]

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 13, 2003
posts:1240
votes: 0


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)

Junior Member

10+ Year Member

joined:Feb 15, 2004
posts:62
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 27, 2003
posts:714
votes: 0


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)

Junior Member

10+ Year Member

joined:Feb 15, 2004
posts:62
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 27, 2003
posts:714
votes: 0


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.