fazer a DIV passar por cima do flash?

[wolfphw 60]

Tipo, jah fiz a busca no forum e oke eu achei naum me ajudou, oke eu mais achei foi o povo mandando usar z-index e eu utilizei mas nada.. dai agora to apelando para vcs se alguem consefue me ajudar...

 

O meu problema eh que eu tenho uma parte do meu site onde vai tipo um banner e por cima dele eh para ter um DIV com uma logo.. estilo essa imagem onde a logo eh essa parte em vermelho e o banner esta em azul...

 

 

 

segue o meu código para alguem me dar uma luz de como fazer, tipo esse código esta simplificado soh a parte onde naum faz oke eu quero...

 

<style>#corpo {	border: 1px solid #E2E2E2;	width: 710px;	margin:auto;	padding: 3px;}#barra {	width:auto;	height:20px;	border:1px solid #CCCCCC;	background-color:#F4F4F4;}#banner {	margin-top:3px;	width:700px;	height:100px;	background-color:#CCCCCC;}#teste {	float:left;	position:absolute;	margin-left:150px;	width:150px;	height:100px;	background-color:#666666;	z-index:1;}</style><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script><div id="corpo">	<div id="teste"></div>	<div id="barra"></div>	<div id="banner">	  <script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0', 'width', '700', 'height', '100', 'src', 'flash', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'movie', 'flash' ); //end AC code</script><noscript><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="700" height="100">		<param name="movie" value="flash.swf" />		<param name="quality" value="high" />		<embed src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="100"></embed>	  </object>	</noscript>	</div></div>

[pezinho46 0]

Estou com o mesmo problema!!se alguem souber ai , ajude-nos!!abraços galera

[Paulo de Tarso F. M. 24]

Resumindo: você(s) quer(em) que o logo fique por cima do Flash? É isso mesmo?

 

Se for isso, a propriedade z-index tem que funcionar sim, pois é a única forma de se conseguir tal efeito... Mas lembre(m)-se: o z-index tem que ser adicionado à div do logo (no código mostrado, vejo que ele está na div teste, então acredito que sua imagem [logo] esteja nessa div, né?)

 

Agora, se não estiver conseguindo, terá que colocar um link para vermos o que realmente acontece...

 

Abraço!

[wolfphw 60]

Resumindo: você(s) quer(em) que o logo fique por cima do Flash? É isso mesmo?

 

Se for isso, a propriedade z-index tem que funcionar sim, pois é a única forma de se conseguir tal efeito... Mas lembre(m)-se: o z-index tem que ser adicionado à div do logo (no código mostrado, vejo que ele está na div teste, então acredito que sua imagem [logo] esteja nessa div, né?)

 

Agora, se não estiver conseguindo, terá que colocar um link para vermos o que realmente acontece...

 

Abraço!

Isso mesmo.. a logo tem que ficar em cima do flash, eu coloquei esse z-index tb e eh esse campo teste que esta a logo....

 

To postando aki o link para olharem como esta acontecendo

 

Link: http://www.mt.gov.br/eduardo/

[wolfphw 60]

Colocar transparencia no FLASH nao adianta, pois o FLASH não tem nenhuma transparencia, é uma animação que pega toda tela...

[André do Vale 76]

Bem, o caso da transparência em flash pode ajudar eu acho sim. Acontece comigo direto, quando eu flutuo um flash sobre o outro, mesmo com o de cima estando tranparente, só funciona se o de baixo também estar.Enfim, tentou?[]s

[webflex 0]

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Acrescente as seguintes propriedades:

<style>

#corpo {

border: 1px solid #E2E2E2;

width: 710px;

margin:auto;

padding: 3px;

}

#barra {

width:auto;

height:20px;

border:1px solid #CCCCCC;

background-color:#F4F4F4;

}

#banner {

margin-top:3px;

width:700px;

height:100px;

background-color:#CCCCCC;

}

#teste {

float:left;

position:absolute;

margin-left:150px;

width:150px;

height:100px;

background-color:#666666;

z-index:1;

}

</style>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<div id="corpo">

<div id="teste"></div>

<div id="barra"></div>

<div id="banner">

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' 'width', '700', 'height', '100', 'src', 'flash', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer' 'movie', 'flash' ); //end AC code

</script><noscript><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="700" height="100">

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

<param name="movie" value="flash.swf" />

<param name="quality" value="high" />

<embed wmode="transparent" src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="100"></embed>

</object>

</noscript>

</div>

</div>

Espero ter ajudado.

 

Cumps \o/