Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

GabrielFerrari

Menu sobre flash (z-index)

Recommended Posts

Olá pessoal http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Estou montando um site no qual tem um banner em flash no topo

 

Como ele demora um pouco para carregar não gostaria que o menu fosse dentro dele e sim sobre.

 

Comecei a pesquisar como poderia fazer e encontrei esse tal de z-index :P

 

Estou tentando fazer no dreamweaver mas não sei por que o texto não está por cima do swf

 

Código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" title="mystyles" media="all">
<!--
#flash_div{
	position: absolute;
	z-index: 0;
	margin:5px 5px 0 5px;
	border-left: #FF0000 1px solid;
	border-right: #FF0000 1px solid;
	border-bottom: #FF0000 1px solid;
	left: 9px;
	top: 30px;
	overflow: visible;
}
#texto{
	position: absolute;
	color: #FF0000;
	margin: 3px 3px 0 3px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	line-height: 180%;
	z-index: 1;
	margin:3px 3px 0 3px;
	left: 374px;
	top: 43px;
}

-->
</style>
</head>

<body>
<div id="flash_div">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="813" height="400">
	<param name="movie" value="../Template/templates/site/images/puxavida.swf" />
	<param name="quality" value="high" />
	<embed src="../Template/templates/site/images/puxavida.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="813" height="400"></embed>
  </object>
</div>
<div id="texto"> 
  <p>teste</p>
  </div>
</body>
</html>

Se quiserem posto o arquivo mas por ser só de teste não vejo necessidade

 

Obrigado a todos que lerem.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

é, seria interessante que tu postasse um link cara :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então cara por enquanto eu só fiz um teste antes de jogar para o site

 

Então segue ai os arquivos:

 

http://rapidshare.com/files/133128638/teste.rar.html

 

E o link para visualização:

 

http://thelon.ueuo.com/teste.html

 

Obrigado ;)

 

Editando: No Dreamweaver quando eu troco os valores do z-index ele muda a "ordem" mas quando eu visualizo no FF ou no IE ele não funfa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui achar a resposta em um site em inglês: http://www.flashperfection.com/tutorials/Z...lash-23183.html

 

Só precisei alterar algumas linhas:

 

 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="813" height="400">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="transparent">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="puxavida.swf" WIDTH="800" HEIGHT="600" PLAY="true" LOOP="true" WMODE="transparent" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED> 
  </object>

Obrigado a todos que leram ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.