Ir para conteúdo

POWERED BY:

Arquivado

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

Rspina

Erro no .png transparente

Por , em Desenvolvimento frontend

Recommended Posts

Rspina    0

Rspina
Postado

Olá pessoal.

 

Quando acesso a pag pela primeira vez a imagem aparece com o fundo. Mas o correto seria aparecer a imagem transparente. Alguem sabe o pq desse erro????

 

http://www.megabelt.com.br/

 

Valeu....

 

 

------------------------ CSS -------------------

 

 

/* CSS Document */

 

* html img/**/ {

filter:expression(

this.alphaxLoaded ? "" :

(

this.src.substr(this.src.length-4)==".png"

?

(

(!this.complete)

? "" :

this.runtimeStyle.filter=

("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+

(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+

String(this.alphaxLoaded=true).substr(0,0)+

(this.src="img/blank.png").substr(0,0)

)

:

this.runtimeStyle.filter=""

)

);

}

 

body {

background-image: url(img/background.jpg);

background-repeat: repeat-x;

font-family: Arial, Helvetica, sans-serif;

margin: 0px 0px 0px 0px;

padding-right: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-top: 0px;

}

 

#geral {

margin-top: -145px;

margin-left: -235px;

padding-right: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-top: 0px;

position: absolute;

width: 470px;

heigh: 290px;

top: 50%;

left: 50%;

}

 

#logo {

height: 218px;

width: 470px;

}

 

#endereco {

line-height: 160%;

font-size: 11px;

color: #666666;

text-align: center;

height: 42px;

width: 470px;

}

 

#alerta {

color: #DA251D;

font-size: 14px;

font-weight: bold;

text-align: center;

width: 470px;

height: 30px;

}

 

a {

color: #666666;

text-decoration: none;

}

 

a:hover {

color: #DA251D;

text-decoration: none;

}

 

---------------------------------HTM----------------------------------------

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>MEGABELT</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="estilo.css" rel="stylesheet" type="text/css">

</head>

 

<body>

<div id="geral">

<div id="logo"><img src="img/logo.png"></div>

<div id="endereco">Av. Fernão Dias Paes Leme, 1964 - Centro - Várzea Paulista

- SP - CEP 13220-005 <br>

<strong>Fone: 11 4606-8888 - E-mail: <a href="mailto:vendas@megabelt.com.br">vendas@megabelt.com.br</a></strong></div>

<div id="alerta">Aguarde. Breve nosso site.</div>

</div>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

dmarcosm    0

dmarcosm
Postado

Olá. Tudo bem?!Olha, duas coisas quanto a isso:Primeiro - segundo algumas informações que tenho, o formato PNG não dá suporte a transparência na WEB, ou seja, em browsers. Você terá que usar o formato GIF, por exemplo.Segundo - onde você está definindo o background da sua página, pelo que eu entendi, você está chamando um JPG:(...)body {background-image: url(img/background.jpg);background-repeat: repeat-x;(...)JGPs não aceitam transparência em lugar algum, seja na WEB ou em desktop. :) Espero ter ajudado. Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

Corrigindo o dmarcosmOs browser novos tem suporte SIM a png transparent, o unico que não tem é o Internet Explorer...Firefox, Opera, Safari e demais tem suporte SIM a png transparent.Agora referente a pergunta, issu acontece pelo bug do IE que tem q carregar a Imagem blank.png pra subistituir.

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