Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Sending movie behind layer content

Status
Not open for further replies.

southbeach

Programmer
Jan 22, 2008
879
US
I just bought a set of components from an online site. In the process of placing some of these components on my site and facing a problem.

The problem is that the movie is blocking my logo ... The logo layer uses z-index 10 and the movie uses z-index 1. The movie object is given the wmode value of "transparent".

I have
Code:
	#header {
		clear: both;
		height: 155px;
		width: 100%;
		background-color: #006600;
		z-index: 1;
	}
	#logo {
		position: absolute;
		top: 12px;
		left: 12px;
		width: 140px;
		height: 125px;
		z-index: 10;
	}
Code:
	<div id="header" style="text-align: center; margin-top: 26px;">
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="[URL unfurl="true"]http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"[/URL] width="100%" height="115" id="image scroller xml" align="middle">
		<param name="wmode" value="transparent"> 
		<param name="allowScriptAccess" value="sameDomain" />
		<param name="movie" value="image scroller xml.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#006600" /><embed src="image scroller xml.swf" quality="high" bgcolor="#006600" width="100%" height="115" name="image scroller xml" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="[URL unfurl="true"]http://get.adobe.com/flashplayer/"[/URL] />
		</object>
	</div>

<div id="logo"><img src="<?php echo APPIMAGES.'logo.png'; ?>" alt="" /></div>

You will notice that I have set z-index and wmode to get this done but I am not able to. What am I missing?

Thank you all in advance for you help!


--
SouthBeach
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.
 
OK - I figured out that FF need the value for wmode to be set within the <embed ...> tag and IE needs it set as a parameter using <param ...> tag.

Movie is now effectively showing behind my other layer!

Thanks

--
SouthBeach
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top