Welcome to WebmasterWorld Guest from 54.198.185.204

Forum Moderators: open

Message Too Old, No Replies

Layer background visibility

     
5:25 pm on May 20, 2006 (gmt 0)

New User

10+ Year Member

joined:Apr 4, 2006
posts:34
votes: 0


Please help...

I have placed a layer on a page and in a div tag I put some flash.
In I.E.6 the flash plays fine with a transparent background showing the underlying background colour of the page as I wanted.

In Firefox theres just a big white box for the layer.
I have played around making the visibility , default,inherit,visible and hidden. The best I can do with this is to have the Flash play but still in a white box, not transparent.

Heres the code, I'm fairly new to this as you can probably tell.
What did I do wrong?

<div align="center">
<div id="tvrflashlayer" style="position:absolute; width:948px; height:410px; z-index:3; left: 88px; top: 126px; visibility: visible;" align="center">
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="927" height="400" align="middle">
<param name="movie" value="tvr.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="/tvr.swf" width="927" height="400" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>

11:17 am on May 30, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 0


Hi fred_bloggs,

You need to use wmode. On your [blue]object[blue] use:


<param name="wmode" value="transparent">

And on your [blue]embed[blue] apply the following attribute (for Firefox):


wmode="transparent"

More here: [adobe.com...]

HTH

3:24 pm on May 30, 2006 (gmt 0)

New User

10+ Year Member

joined:Apr 4, 2006
posts:34
votes: 0


Thanks for the info' blobfisk.
I'm not sure what
And on your [blue]embed[blue] apply the following attribute (for Firefox):

was all about but my code now looks like this

<div id="tvrflashlayer" style="position:absolute; width:948px; height:457px; z-index:1; left: 130px; top: 134px; visibility:visible;" align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="948" height="438" align="absmiddle">
<param name="movie" value="tvr.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="tvr.swf" width="948" height="438" align="absmiddle" quality="high"wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed>
</object>

Visually it's great, it does just what I wanted in i.e. and Firefox.
Unfortunately the links on the html page that get flown over by the flash, no longer work in Firefox.
i.e. is perfect.

What do I need to do to get those links working in Firefox too?

Thanks

Fred

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members