Ir para conteúdo

Arquivado

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

Kutxitxo

SWF sobre DIV

Por , em Desenvolvimento frontend

Recommended Posts

Kutxitxo    0

Kutxitxo
Postado

Olá a todos!

Estou com um problema no FF!

 

Tenho uma div com um swf dentro, e outra div que fica por baixo dessa com conteudo html, mais especificadamente um iframe. Quase como se fosse um menu em casacata!

Meu swf está transparente e tudo certinho, o problema é que nao consigo acessar o swf, mesmo ele estando sobre a outra div, os botoes e etc nao consigo acessar.

 

Já pesquisei no google, foruns e tudo que sei, mas não achei a solucao. Lembro q já tinha feito algo parecido e já tinha achado uma solucao, mas não acho mais a solucao.

 

 

Obrigado a todos!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kutxitxo    0

Kutxitxo
Postado

Sim.

 

O layout está todo perfeito, o flash está aparecendo, o html embaixo, bem bunitinho :)

o problema é q n acessa as botoes e blablabla do flash no ff :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kutxitxo    0

Kutxitxo
Postado

Po, nao uso embed nao!

e ja tem wmode nos parametros!

 

por isso q o layout ta bunito entede?

oq eu quero dizer é que a funcionalidade do swf fica, digamos, escondida, n tem como clicar nd!

 

mas tem transparencia e tals!

n tem outra solucao?

 

<!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>ConceitCar</title>
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
}
#geral {
	position:absolute;
	width:1024;
	height:664;
	left:50%;
	top:50%;
	margin-left:-512px;
	margin-top:-332px;
	z-index:2;
	overflow:hidden;
}
#alternativo {
	position:absolute;
	width:900;
	height:664;
	left:50%;
	top:50%;
	margin-left:-390px;
	margin-top:-280px;
	z-index:0;
}
-->
</style>
</head>
<body>
<div id="geral" align="center">

	<object data='estoque.swf' height='185' type='application/x-shockwave-flash' width='1024'>
			<param name='movie' value='estoque.swf'/>
			<param name='quality' value='high'/>
			<param name='wmode' value='transparent'/>
			<param name='menu' value='false'/>
		</object></div>
<div id="alternativo">
	<iframe src="http://www.blucarros.com.br/pesquisa-externa.php?cdloja=272" allowtransparency="true" scrolling="no" allowtransparency="true" frameborder="0" width="899" height="1024" name="estoque"></iframe>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Bitencourt    0

Ronaldo Bitencourt
Postado

Po, nao uso embed nao!

e ja tem wmode nos parametros!

 

por isso q o layout ta bunito entede?

oq eu quero dizer é que a funcionalidade do swf fica, digamos, escondida, n tem como clicar nd!

 

mas tem transparencia e tals!

n tem outra solucao?

 

<!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>ConceitCar</title>
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
}
#geral {
	position:absolute;
	width:1024;
	height:664;
	left:50%;
	top:50%;
	margin-left:-512px;
	margin-top:-332px;
	z-index:2;
	overflow:hidden;
}
#alternativo {
	position:absolute;
	width:900;
	height:664;
	left:50%;
	top:50%;
	margin-left:-390px;
	margin-top:-280px;
	z-index:0;
}
-->
</style>
</head>
<body>
<div id="geral" align="center">

	<object data='estoque.swf' height='185' type='application/x-shockwave-flash' width='1024'>
			<param name='movie' value='estoque.swf'/>
			<param name='quality' value='high'/>
			<param name='wmode' value='transparent'/>
			<param name='menu' value='false'/>
		</object></div>
<div id="alternativo">
	<iframe src="http://www.blucarros.com.br/pesquisa-externa.php?cdloja=272" allowtransparency="true" scrolling="no" allowtransparency="true" frameborder="0" width="899" height="1024" name="estoque"></iframe>
</div>
</body>
</html>

 

pode ser q seja o overflow:hidden mas precisamos do link pra ajudar 100%

 

:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kutxitxo    0

Kutxitxo
Postado

Então o layout ta igual, mas o botao home, no IE e no FF funciona ou nao? (tpo tem como clickar nele)

 

tpo, eh soh ve isso ai, n tem como eu tira ss!

qndo você passa por cima de home ele fica vermelho (rollOver), entao no FF nao há essa funcionalidade, como se fosse a div sobre o swf!

 

 

Desde já obrigado!

=D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kutxitxo    0

Kutxitxo
Postado

UP!

 

ja to qse desistindo! :-(

n tenho mts conhecimentos em css e estou aprendendo tudo no tranco e sozinho, entao ja tentei tudo q procurei e sei :S

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado

o problema esta nesse div alternativo....

 

se você remove ele funciona o botao

 

 

abraço

 

coloque o seu banner do topo em um div que resolverá o seu problema!!!

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kutxitxo    0

Kutxitxo
Postado

Nao entendi a sua colocacao, mas descobri algumas coisas com testes malucos:

 

1 - Se eu tirar o iframe eu posso botar qualquer coisa na div de baixo que funciona.

2 - Se eu tirar o wmode do swf o botao funciona =D (o problema eh o layout)

 

Creio eu que seja um bug do FF! :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado

vamos lá

 

faça isso que te falarei e poste os resultados

 

 

1º Coloque um display: none; na div com id=alternativo

#alternativo {
	display: none;
}

viu agora seu botão funciona

 

vamos explicar o porque!!!

 

você definiu no estilo dessa div#alternativa

 

uma margin-top: negativa e um z-index isso faz com que ela fique escodida atras do flash, mas quando clicar ela fica por cima

 

meio dificil de entender né cara!!!

 

mas vamos a segunda coisa

 

2º coloque o topo em flash em uma div

<div id="topoFlash">
	seu codigo flash aqui
</div>

3º retire a estilização da div#alternativo

 

 

 

 

fazendo isso poste o link da pagina com as alterações

 

 

se conseguir resolver poste a solução

 

se der problema poste novamente que ajudaremos

 

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kutxitxo    0

Kutxitxo
Postado

hehe,

O meu flash já esta em uma div.

 

Nao tentei ainda sua sujestao, mas conseguir resolver de outra forma:

 

Descobri que não precisava por fundo transparente no meu flash (burrice minha, fui me tocar soh agora) e coloquei fundo preto e pronto.

Tirei as margens negativas, pois em resolucao 800x600 dava problema, entao deixei apenas centralizado horizontalmente.

 

Qualquer dia desses tento essa sua solucao e posto aqui os resultados, pois mais alguem pode ter ou tido um problema destes.

 

Vlw, obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito