Ir para conteúdo

POWERED BY:

Arquivado

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

rockysp

Camada < DIV> na frente do swf

Recommended Posts

pelo z-Index

 

<div style="position:absolute;top:50px;left:50px;z-Index:3;">teste</div>

Ele ordena a sobreposição dos itens pelo maior z-Index pro menor

Compartilhar este post


Link para o post
Compartilhar em outros sites

mas não sei se funciona com flash... naum tenho certeza... talvez o flash teria q estar com um position: absolute tb para poder setar um z-index menor pra ele... ;) naum tenho certeza, mas tenta ae...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não adianta nem z-index, nem position:absolute, o flash ignora tudo, to ficando maluco, já apliquei o css direto na tag do flash e nada, já coloquei o filme do flash dentro de uma div e nada tbm, tem que haver alguma forma...

 

<_<

pelo z-Index

 

<div style="position:absolute;top:50px;left:50px;z-Index:3;">teste</div>
Ele ordena a sobreposição dos itens pelo maior z-Index pro menor

<{POST_SNAPBACK}>

Compartilhar este post


Link para o post
Compartilhar em outros sites

jah vi mtas pessoas com esse problema... talvez com javascript tenha alguma solução... veja com o pessoal d lah... talvez eles saibam... ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu tenho a solução para o IE e Firefox:

 

Propriedades css da div que ficara em cima do Flash:

#Div{
	font-weight: bold;
	border: 2px solid #00CCFF;
	padding: 6px;
	width: 200px;
	height: 20px;
	position: absolute;
	z-index: 3;
	font-size: 14px;
}

Propriedades css da div onde ficara o Flash:

#Div_do_Flash{
	position: relative;
	z-index: 0;
}

Propriedades do flash a serem colocadas:

<param name="wmode" value="transparent">
	<embed src="Caminho" wmode="transparent"...

 

Script completo:

 

<html>
<head>
#Div{
	font-weight: bold;
	border: 2px solid #00CCFF;
	padding: 6px;
	width: 200px;
	height: 20px;
	position: absolute;
	z-index: 3;
	font-size: 14px;
}
#Div_do_Flash{
	position: relative;
	z-index: 0;
}
</head>
<body>
<div id="Div"> Esse texto ficara em cima do flash</flash>
<div id="Div_do_Flash>
<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="500" height="400">
<param name="movie" value="Caminho">
<param name="wmode" value="transparent">
<param name="quality" value="high">";
<embed src="Caminho" wmode=\"transparent"  quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400></embed></object>
</div>
<body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Essa idéia que o Bruno falou esta certa só tenho algumas correções a fazer.

 

  • Você não precisa jogar position:relative nem z-index:0 na div do flash
  • Caso o parametro transparent acabar zuando teu flash por causa de cor do fundo do site acabar saindo no seu flash utilize no o atributo opaque
  • Este código do Flash que ele postou utiliza a tag embed, a tag embed é deprecated (ou seja em desuso, não é mais valida pela W3C), no lugar desse código utiliza este
<object type="application/x-shockwave-flash" data="arquivo.swf" width="765" height="148">
	<param name="movie" value="arquivo.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="opaque" />
	<param name="menu" value="false" />
</object>

Flw

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

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.