Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Layer background visibility



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

5+ Year Member

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">
<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>


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

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

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):


More here: [adobe.com...]



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

5+ Year Member

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>

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?




Featured Threads

Hot Threads This Week

Hot Threads This Month