Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite a todos,
Tenho o seguinte iframe que fica com o fundo branco, gostaria que ficasse transparente...
<iframe src="ficheiros/adesivos/textos/texto0.txt" id="imagem_grande" style="background-color:transparent" allowtransparency="true" frameBorder="no" width="460" height="324" scrolling="auto"></iframe>
Agradeço desde já...
Compreende que estou chamando um arquivo texto e não um arquivo .html? :mellow:
Como alterar algo que não existe nele? :mellow:
Você está carregando o Iframe a onde?
Acredito que seja em uma página .html
e uma página .html deveria ter um <body>
Ta branco ainda o fundo do iframe :mellow:
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>site</title>
<style type="text/css"><!-- MEU BODY -->
body {background-color:transparent; margin-left:0px; margin-top:0px; }
#meio{ display:block; width:980px; /height:368px;/ margin-left:0px; margin-top:0px; float:left;}
#linha3{ width:980px; height:1px; margin-left:0px; margin-top:5px; background-color:#fff; float:left;}
#foto{ display:block; width:976px; margin-left:6px; margin-top:5px; float:left;}
#foto1{ display:block; width:483px; /height:360px;/ margin-left:7px; margin-top:6px; float:left;}
#foto2{ display:block; width:483px; /height:360px;/ margin-left:4px; margin-top:6px; float:left;}
#foto2_texto{ width:463px; /height:360px;/ margin-left:10px; margin-top:10px; float:left;}
#foto2 h1{font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#666666; margin-left:0px; margin-top: 15px; float:left;}
#foto2 p{margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; text-align: justify; float:left; }
#gal{ width:980px; height:184px; /overflow-y:hidden;/ overflow-x:scroll; margin-left:0px; margin-top:10px; background-color:#e9e1cc; float:left;}
#galeria{ width:1500px; height:158px; margin-left:0px; margin-top:0px; background-color:#e9e1cc; }
#conteudo{ display:block; width:980px; height:370px; margin-left:0px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d2612; float:left;}
#texto{ display:block; width:479px; height:360px; margin-left:6px; margin-top:5px; float:left;}
</style>
<?php//começo textos
?>
<script type="text/javascript">
var texto, texto1, texto2, texto3, texto4, texto5, texto6;
texto1 = "<?php echo $texto1 ?>";
texto2 = "<?php echo $texto2 ?>";
texto3 = "<?php echo $texto3 ?>";
texto4 = "<?php echo $texto4 ?>";
texto5 = "<?php echo $texto5 ?>";
texto6 = "<?php echo $texto6 ?>";
texto = texto1;
</script>
<script type="text/javascript">
function trocaimg(quem){document.getElementById('imagemGrande').src = 'grande_' + quem.src
}
</script>
</head><!-- MEU BODY -->
<body style="background-color:transparent">
<div id="meio">
<div id="linha3">
</div>
<div id="foto1">
<!-- fim div foto1 --></div>
<div id="foto2">
<div id="foto2_texto">
<h1>Adesivos</h1></p>
<!-- fim div texto_foto2 </div> --></div>
<!-- fim div foto2 --></div>
<!-- fim div meio --></div>
<div id="linha6"></div>
<div id="linha4"></div>
<div id="linha5"></div>
<div id="gal">
<div id="galeria">
<?php
$arquivo = file("ficheiros/adesivos/imagens/imagem1.txt");onclick=\"document.getElementById('imagem_grande').src = 'ficheiros/adesivos/textos/texto$i.txt';
document.getElementById('imagem_grandea').src = 'ficheiros/adesivos/fotos/$i.jpg'\"border=0/></a>";}
?>
<!-- fim div galeria --></div>
<!-- fim div gal --></div>
<div id="conteudo">
<div id="foto2"><!-- <img src=<?php // $a = "ficheiros/adesivos/fotos/1.bmp"; ?>" width="479px" height="360px" id="imagem_grande"/> -->
<img src="ficheiros/adesivos/fotos/0.jpg" width="479px" height="360px" id="imagem_grandea"/>
<!-- fim div foto2 --></div>
<div id="texto">
<font id="texto">
<br /><!-- MEU IFRAME -->
<iframe src="ficheiros/adesivos/textos/texto0.txt" id="imagem_grande" style="background-color:transparent" allowtransparency="true" frameBorder="no" width="460" height="324" scrolling="auto"></iframe>
</font>
<!-- fim div texto --></div>
<!-- fim div conteudo --></div>
</body>
</html>Tem como você postar o link do site?
>
Tem como você postar o link do site?
Não dá porque eu tô no meio do projeto.
Mais roda a página ai na sua casa pra você vê, cria um arquivo com o nome tt.txt,
e roda a pagina, ela vai te joga uma div que deveria ser toda azul, mais o iframe
fica branco...
PAGINA:
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site</title>
<style type="text/css"></style>
<?php//começo textos
?>
<script type="text/javascript">
var texto, texto1, texto2, texto3, texto4, texto5, texto6;
texto1 = "<?php echo $texto1 ?>";
texto2 = "<?php echo $texto2 ?>";
texto3 = "<?php echo $texto3 ?>";
texto4 = "<?php echo $texto4 ?>";
texto5 = "<?php echo $texto5 ?>";
texto6 = "<?php echo $texto6 ?>";
texto = texto1;
</script>
<script type="text/javascript">
function trocaimg(quem){document.getElementById('imagemGrande').src = 'grande_' + quem.src
}
</script>
</head>
<body style="background-color:transparent">
<div id="meio">
<div id="linha3">
</div>
<div id="foto1">
<!-- fim div foto1 --></div>
<div id="foto2">
<div id="foto2_texto">
<h1>Adesivos</h1> <p>
</p>
<!-- fim div texto_foto2 </div> --></div>
<!-- fim div foto2 --></div>
<!-- fim div meio --></div>
<div id="linha6"></div>
<div id="linha4"></div>
<div id="linha5"></div>
<div id="gal">
<div id="galeria">
<?php
$arquivo = file("ficheiros/adesivos/imagens/imagem1.txt");onclick=\"document.getElementById('imagem_grande').src = 'ficheiros/adesivos/textos/texto$i.txt';
document.getElementById('imagem_grandea').src = 'ficheiros/adesivos/fotos/$i.jpg'\"border=0/></a>";}
?>
<!-- fim div galeria --></div>
<!-- fim div gal --></div>
<div id="conteudo">
<div id="foto2"><!-- <img src=<?php // $a = "ficheiros/adesivos/fotos/1.bmp"; ?>" width="479px" height="360px" id="imagem_grande"/> -->
<img src="ficheiros/adesivos/fotos/0.jpg" width="479px" height="360px" id="imagem_grandea"/>
<!-- fim div foto2 --></div>
<div id="texto">
<font id="texto">
<br />
<iframe src="tt.txt" id="imagem_grande" style="background-color:transparent" allowtransparency="true" frameBorder="no" width="460" height="324" scrolling="auto"></iframe>
</font>
<!-- fim div texto --></div>
<!-- fim div conteudo --></div>
</body>
</html>confundi as coisas o negocio do body é no que vai ser aberto mesmo.
mas como vi você está usando php
por que em vez de usar iframe que é horrivel
voce nao abre o txt direto?
de uma lida aqui => http://www.phpgratis.com.br/iniciante/como-ler-um-arquivo-texto-com-php/
>
confundi as coisas o negocio do body é no que vai ser aberto mesmo.
mas como vi você está usando php
por que em vez de usar iframe que é horrivel
voce nao abre o txt direto?
de uma lida aqui => http://www.phpgratis.com.br/iniciante/como-ler-um-arquivo-texto-com-php/
Com o txt fica branco o fundo.
Com txt fica branco o fundo!
RESOLVIDO
essa dúvida já foi respondida diversas vezes. ;)