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.
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.
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
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.
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.
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.
Good Job!
Great tip, u just save my day!
Thanks,