6 replies [Last post]
benny hill
Offline
Regular
Last seen: 13 years 31 weeks ago
Joined: 2007-03-05
Posts: 12
Points: 0

I want to place a png image over a flash movie and have it work in FireFox but no matter what I try I just can't get it. It works fine in IE.














Css is:

#header{ position:relative;

}
.banner {
position:absolute;
z-index:1;
}
.logo{
position:absolute;
width:485px;
height:150px;
z-index:5;
}

I tried many variations includeing giving the header an absolute position, and setting top and left positions but nothing works in firefox.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 3 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Do a quick search for flash

Do a quick search for flash and transparent mode. That doesn't make it transparent, but it does enable you to render stuff over it. I ma sure there was a post a few weeks ago.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 16 hours 36 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

By setting wmode to either

By setting wmode to either 'transparent' or 'opaque', You change the windowed status of the movie. Macromedia said in one paper that opaque was the better overall choice. I don't recall the reasons.

You can also compile the movie with wmode set, and you won't need it in the html.

You've used the wmode in a param element, which applies to the object element, but you need it also in the embed element for Firefox. Google "flash satay" for a valid method of using Flash.

<embed src="flash/bannerDeep.swf" 
       quality="high" 
       scale="exactfit" 
       salign="lt" 
       bgcolor="#ffffff" 
       width="100%" 
       height="10%" 
       align="middle"
       allowScriptAccess="sameDomain"
       type="application/x-shockwave-flash"
       pluginspage="http://www.macromedia.com/go/getflashplayer"  
       wmode="opaque"/>

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

benny hill
Offline
Regular
Last seen: 13 years 31 weeks ago
Joined: 2007-03-05
Posts: 12
Points: 0

yea i just realised that

yea i just realised that firefox uses the embed tag not the object tag so the wmode parameter has to be in both for both browsers to work...thanks for all the help guys.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 39 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Just an FYI, Firefox and

Just an FYI, Firefox and other standards compliant browsers DO (or more correctly CAN) use the object element with flash - its Microsoft's proprietary BS and adulteration of said element that forces other browsers to use the embed.

SuperRoach
SuperRoach's picture
Offline
Enthusiast
Ballarat
Last seen: 9 years 12 weeks ago
Ballarat
Timezone: GMT+10
Joined: 2007-02-26
Posts: 291
Points: 6

I think from memory I had a

I think from memory I had a similar problem that I had to go through:

http://selkirk.com.au/tInstall.html

top right, is a image that underlaps a flash navigation header.

Ended up being a bit of a hack, but it works on most browsers.

Hawkthalas
Offline
newbie
Peru
Last seen: 13 years 34 weeks ago
Peru
Joined: 2007-04-07
Posts: 1
Points: 0

Good Job!

Great tip, u just save my day!

Thanks,