Imagem transparente com fundo branco!

Jean Ferro · Agosto 5, 2010

Olá pessoal, essa é minha primeira mensagem, agradeço a atenção de todos.

Tenho um site em asp que adquiri pronto, não tenho conhecimento em asp, apenas um pouco em design e HTML. Estou alterando um pouco layout do site colocando uma imagem de fundo na página e no topo um banner com o nome do site em PNG 32bits com fundo transparente. Quando estou no dreamweaver fica tudo certinho lindo, mas quando vou testar no navegador tanto no IE8 como no Chrome o fundo do banner fica branco, não sei mais oq fazer, alguém tem alguma idéia do que está ocorrendo?

angelorubin · Agosto 5, 2010

Boa tarde,

Teria um link do problema?

Jean Ferro · Agosto 6, 2010

Boa tarde,

Teria um link do problema?

Muito obrigado por se prestar a me ajudar, agradeço muito.

Bom, vou postar 2 links para 2 prints que tirei para ilustrar o problema.

Esse aqui é no Dreamweaver em que aparece corretamente como deve ser, o topo com fundo transparente.

http://www.digicompra.com.br/imagens_teste/nodream.jpg

Esse aqui é no IE8 usando um servidor de testes local para ASP que se chama "Quick´n Easy Web Server".

http://www.digicompra.com.br/imagens_teste/noIE8.jpg

Como podem perceber no ultimo link, o topo fica com fundo branco mesmo usando PNG salvo em 32 bits com transparência alfa.

Se alguem tiver alguma idéia fico muito grato.

Flávio Castello · Agosto 9, 2010

Boa tarde,

Teria um link do problema?

Muito obrigado por se prestar a me ajudar, agradeço muito.

Bom, vou postar 2 links para 2 prints que tirei para ilustrar o problema.

Esse aqui é no Dreamweaver em que aparece corretamente como deve ser, o topo com fundo transparente.

http://www.digicompra.com.br/imagens_teste/nodream.jpg

Esse aqui é no IE8 usando um servidor de testes local para ASP que se chama "Quick´n Easy Web Server".

http://www.digicompra.com.br/imagens_teste/noIE8.jpg

Como podem perceber no ultimo link, o topo fica com fundo branco mesmo usando PNG salvo em 32 bits com transparência alfa.

Se alguem tiver alguma idéia fico muito grato.

Fala Jean!

Os links não me ajudaram muito...

Você poderia postar o código dessa página pra gente?

Jean Ferro · Agosto 9, 2010

Opa, ta ai o código da página que acontece o problema...

<html>

<head>

<META lang=pt content="<%=Application("te_descricaosite")%>" name="description">

<META lang=pt content="<%=Application("te_palavraschaves")%>" name="keywords">

<%

vint_IdCategoria = Trim(Request("categoria"))

vint_IdProduto = Trim(Request("id"))

vint_Secao = Trim(Request("secao"))

If vint_IdProduto <> "" Then

strQ = " SELECT * FROM produtos WHERE id = " & Request("id")

If Request("secao") <> "" Then strQ = strQ & " AND secao = " & Request("secao")

If Request("categoria") <> "" Then strQ = strQ & " AND categoria = " & Request("categoria")

If Request("subcategoria") <> "" Then strQ = strQ & " AND subcategoria = " & Request("subcategoria")

ElseIf vint_IdCategoria <> "" Then

strQ = "SELECT * FROM categorias WHERE id=" & Trim(Request("categoria"))

ElseIf vint_Secao <> "" Then

strQ = "SELECT * FROM secoes WHERE id=" & Trim(Request("secao"))

End If

Set objCon_busca = Server.CreateObject("ADODB.Connection")

objCon_busca.Open Application("te_conexao")

Set objRS_secoes = Server.CreateObject("ADODB.Recordset")

objRS_secoes.CursorLocation = 2

objRS_secoes.CursorType = 0

objRS_secoes.LockType = 2

If vint_IdProduto <> "" or vint_IdCategoria <> "" or vint_Secao <> "" Then

objRS_secoes.Open strQ, objCon_busca, , , &H0001

While Not objRS_secoes.EOF

If vint_IdProduto <> "" Then

TitlePagina = objRS_secoes("produto")

Else

TitlePagina = objRS_secoes("titulo_texto")

End If

objRS_secoes.MoveNext

Wend

objRS_secoes.Close

Set objRS_secoes = Nothing

Set strQ = Nothing

Set objCon_busca = Nothing

End If

If Trim(TitlePagina) <> "" Then

%>

<%

Else

%>

<%

End If

%>

<!--

function abre_janela(width, height, nome, scrollbars) {

var top; var left;

top = ( (screen.height/2) - (height/2) )

left = ( (screen.width/2) - (width/2) )

window.open('',nome,'width='+width+',height='+height+',scrollbars='+scrollbars+',toolbar=no,location=no,status=no,menubar=no,resizable=no,left='+left+',top='+top);

}

//-->

</script></script>

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<!--

try {

var pageTracker = _gat._getTracker("<%=Application("te_google")%>");

pageTracker._trackPageview();

} catch(err) {}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

//-->

</script>

<style type="text/css">

<!--

}

#apDiv1 {

position:absolute;

left:671px;

top:1px;

width:332px;

height:21px;

z-index:1;

}

-->

</style>

<div id="apDiv1"><a href="https://www.digicompra.com.br/identificacao3.asp">Cadastro |</a> <a href="https://www.digicompra.com.br/login_cadastro.asp">Meu Cadastro |</a> <a href="https://www.digicompra.com.br/login_pedidos.asp">Minhas Compras |</a> <a href="https://www.digicompra.com.br/conteudo1.asp">Contato</a></div>

<TABLE class=tabelaprincipal height="165" cellSpacing=0 cellPadding=0

width="100%" align=center border=0>

<TBODY>

<TR>

<TD height="170"><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>

<tr>

<td height="25" colspan="2"><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>

<TD><img src="topo_arquivos/banneraluga.png" width="1100" height="294"></TD>

</TR>

</TABLE>

<TBODY>

<TD background=topo_arquivos/fatiameio.jpg> <TABLE cellSpacing=0 cellPadding=0 width=995 border=0><TBODY>

<TR>

<TD width=282 height="36" vAlign=top><table width="291" border="0">

<tr>

<form action="busca.asp" method="post" name="form_busca" id="form_busca" >

<td width="96" height="29"><img src="topo_arquivos/buscar.png" width="80" height="16" align="right"></td>

<td width="150"><input class="form_barra_busca" id="busca7"

onBlur="if(this.value==''){this.value=''}"

style="border-style:solid; border-width:1px; background-position: 0% 0%; TEXT-TRANSFORM: none; WIDTH: 140px; PADDING-TOP: 0px; HEIGHT: 16px; TEXT-DECORATION: none; font-variant:normal; font-size:10 pt; font-family:Verdana; background-repeat:repeat; background-attachment:scroll; float:right"

onFocus="if(this.value==''){this.value=''}"

name=busca size="20"></td>

<td width="39"><input type=image

src="topo_arquivos/lupinhas.png" border=0

name=imageField2></td></FORM>

</tr>

</table></TD>

<TD width="76"></TD>

<TD vAlign=top width=183> </TD>

<TD width="1"></TD>

<TD width=261 valign="top"></TD>

<TD width="192"><img src="topo_arquivos/carrinhopng.png" width="171" height="29" border="0" align="left" usemap="#Map2"></TD>

</TR>

</TABLE></TD>

</TR>

</TABLE></TD></TR>

</TR></TBODY></TABLE>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr class="texto_rodape">

<td align="left"><%=Application("te_rodape")%></td>

</tr>

</table>

<map name="Map3">

<area shape="rect" coords="30,5,153,30" href="index.asp?secao=56">

<area shape="rect" coords="189,4,277,31" href="index.asp?secao=53">

<area shape="rect" coords="312,6,443,31" href="index.asp?secao=54">

<area shape="rect" coords="467,8,597,29" href="index.asp?secao=44">

<area shape="rect" coords="649,7,781,33" href="index.asp?secao=51">

<area shape="rect" coords="812,5,972,31" href="index.asp?secao=52">

</map>

<map name="Map2">

<area shape="rect" coords="1,2,170,28" href="cesta.asp">

</map>

<map name="Map">

<area shape="rect" coords="17,5,317,71" href="index.asp">

</map>

<map name="Map4">

<area shape="rect" coords="24,7,255,54" href="index.asp">

</map>

</BODY></HTML>

Flávio Castello · Agosto 9, 2010

Jean, verifiquei seu código e a principio não tem nada que eu conheça que possa causar esse problema.

Tenho dois palpites:

• Isto, imagino que você já tenha feito, mas em todo caso: Confira na pasta do servidor se o link direciona para a imagem correta. Abra com um software como photoshop para ter certeza.

• Seu servidor local não está preparado para rodar esse tipo de imagem. Talvez um aplicativo específico seja necessário. Mas o Servidor de apliação online está preparado pra isso e caso não esteja, você pode reclamar. Ao meu ver, só uma questão de Suporte.

Jean Ferro · Agosto 9, 2010

Jean, verifiquei seu código e a principio não tem nada que eu conheça que possa causar esse problema.

Tenho dois palpites:

• Isto, imagino que você já tenha feito, mas em todo caso: Confira na pasta do servidor se o link direciona para a imagem correta. Abra com um software como photoshop para ter certeza.

• Seu servidor local não está preparado para rodar esse tipo de imagem. Talvez um aplicativo específico seja necessário. Mas o Servidor de apliação online está preparado pra isso e caso não esteja, você pode reclamar. Ao meu ver, só uma questão de Suporte.

É, a primeira eu tenho certeza. Quanto a segunda eu suspeitava disso também, mas fiz um arquivo de teste com fundo transparente e coloquei no servidor (kinghost) real onde esta hospedado meu site mas mesmo assim ficou branco o fundo...

Estou quase desistindo disso e copiando o fundo e colando no banner para parecer transparente hehehehe...

Flávio Castello · Agosto 9, 2010

Hummm, muito estranho heim...

Vou continuar estudando e qqr coisa te dou um toque...

Se você for tomar alguma atitude provisória do tipo, deve lembrar que a posição do banner vai variar em relação a imagem que você aplicou no back, já que você centralizou o conteúdo, então arrancar um téco pode não ser a melhor opção.

Talvez seja mais válido você gerar uma swf e no html usar o parâmetro wmode transparent... você terá o mesmo efeito.

Abraços!

Jean Ferro · Agosto 10, 2010

Hummm, muito estranho heim...

Vou continuar estudando e qqr coisa te dou um toque...

Se você for tomar alguma atitude provisória do tipo, deve lembrar que a posição do banner vai variar em relação a imagem que você aplicou no back, já que você centralizou o conteúdo, então arrancar um téco pode não ser a melhor opção.

Talvez seja mais válido você gerar uma swf e no html usar o parâmetro wmode transparent... você terá o mesmo efeito.

Abraços!

É, tentei fazer com swf e percebi que quando eu testo o arquivo que monta o topo do site que se chama topo_01.asp ele fica certo até com PNG fica certo no navegador... o problema quando vou testar com o index.asp montando a página... ai é que o fundo fica branco, tanto em PNG como em SWF, acredito que o problema esteja na programação mas como não tenho conhecimentos suficientes em asp vou ter que adaptar apenas para não ficar feio, mas não vai ficar como eu queria, paciência!

Flávio Castello · Agosto 15, 2010

Hummm, muito estranho heim...

Vou continuar estudando e qqr coisa te dou um toque...

Se você for tomar alguma atitude provisória do tipo, deve lembrar que a posição do banner vai variar em relação a imagem que você aplicou no back, já que você centralizou o conteúdo, então arrancar um téco pode não ser a melhor opção.

Talvez seja mais válido você gerar uma swf e no html usar o parâmetro wmode transparent... você terá o mesmo efeito.

Abraços!

É, tentei fazer com swf e percebi que quando eu testo o arquivo que monta o topo do site que se chama topo_01.asp ele fica certo até com PNG fica certo no navegador... o problema quando vou testar com o index.asp montando a página... ai é que o fundo fica branco, tanto em PNG como em SWF, acredito que o problema esteja na programação mas como não tenho conhecimentos suficientes em asp vou ter que adaptar apenas para não ficar feio, mas não vai ficar como eu queria, paciência!

... É rapaz... Boa sorte!

Se descobrir o que acontece passa pra gente, beleza?

Abraço!

Arquivado

Imagem transparente com fundo branco!

Recommended Posts

Jean Ferro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

angelorubin 142

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jean Ferro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Flávio Castello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jean Ferro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Flávio Castello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jean Ferro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Flávio Castello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jean Ferro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Flávio Castello 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante