homepage Welcome to WebmasterWorld Guest from 54.196.195.158
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
Forum Library, Charter, Moderator: open

Flash and Shockwave Forum

    
Flash wmode=transparant in Firefox
Layers with flash movies on top of eachother seem not to work in Firefox
Mobull




msg:1563065
 3:48 pm on Jul 26, 2004 (gmt 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>

 

benihana




msg:1563066
 7:40 pm on Jul 26, 2004 (gmt 0)

afaik the transparent bg is an IE only option, im afraid.

Mobull




msg:1563067
 9:43 pm on Jul 26, 2004 (gmt 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?

benihana




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

standing corrected ;)

In Firefox 9.2 it looks like crap.

so whats actually happening in FF?

Mobull




msg:1563069
 8:45 am on Jul 27, 2004 (gmt 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]

benihana




msg:1563070
 8:48 am on Jul 27, 2004 (gmt 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!

Mobull




msg:1563071
 8:46 am on Aug 2, 2004 (gmt 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.

Harry




msg:1563072
 10:43 am on Aug 3, 2004 (gmt 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.

Mobull




msg:1563073
 7:52 am on Aug 4, 2004 (gmt 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?

Harry




msg:1563074
 2:44 am on Aug 5, 2004 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved