Boas,
Sei que já há solução para isso, colocando um codigo (iepngfix.htc)
Será que é possivel colocar um .png transparente vindo do css?
Do tipo: background: url('images/bg_menu_right.png')
Alguém tem uma solução para isto?
Versão Completa: Png Transparente no IE vindo do Css
olá Nuno Amaral, Boa Noite!
dê uma conferida no tópico abaixo, pode te ajudar.
BOA DICA: PNG com transparência no IE
Qualquer dúvida post novamente... Não esqueça sempre antes de criar um novo tópico verifique na busca do fórum se não existe a solução para seu problema.
dê uma conferida no tópico abaixo, pode te ajudar.
BOA DICA: PNG com transparência no IE
Qualquer dúvida post novamente... Não esqueça sempre antes de criar um novo tópico verifique na busca do fórum se não existe a solução para seu problema.
Obrigado pela dica.
Ae galera,
Utilizei a solução acima pra resolver o problema com PNG transparente no IE6. Porém, isso me trouxe outro problema.
O PNG que estou usando é um background em uma div e dentro dessa div tenho um <ul> onde os links são desabilitados por causa dessa solução.
Alguém sabe como contorna essa situação?
[]'s
Utilizei a solução acima pra resolver o problema com PNG transparente no IE6. Porém, isso me trouxe outro problema.
O PNG que estou usando é um background em uma div e dentro dessa div tenho um <ul> onde os links são desabilitados por causa dessa solução.
Alguém sabe como contorna essa situação?
[]'s
Olá Matheus Rennê, no mesmo tópico, verifique esta resposta do nick171, veja se resolve seu problema.
http://forum.imasters.com.br/index.php?s=&...st&p=771197
Qualquer dúvida post novamente que o pessoal tentará te ajudar, sempre lembre de verificar antes na busca do fórum se já não existe uma solução para seu problema.
http://forum.imasters.com.br/index.php?s=&...st&p=771197
Qualquer dúvida post novamente que o pessoal tentará te ajudar, sempre lembre de verificar antes na busca do fórum se já não existe uma solução para seu problema.
Olá inforsis,
Já havia usado a busca e tentado a solução do tópico que você postou. Porém, a solução de lá não resolveu meu problema.
Meu CSS é o seguinte:
Já havia usado a busca e tentado a solução do tópico que você postou. Porém, a solução de lá não resolveu meu problema.
Meu CSS é o seguinte:
CODE
#wrapper {
background-image: url(../images/bg_shadow.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='scale');
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}
Se eu tirar o width: 100%; os links funcionam, porém, o bg some.
background-image: url(../images/bg_shadow.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='scale');
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}
Matheus Rennê, Boa tarde!
Se possivel posta um link para o pessoal analisar melhor o problema.
Se possivel posta um link para o pessoal analisar melhor o problema.
Deixo aqui dois links que podem ajudar:
- http://www.web2ponto0.com.br/como-deixar-p...parente-no-ie6/
- http://www.web2ponto0.com.br/png-transpare...6-ii-o-retorno/
[]'s
- http://www.web2ponto0.com.br/como-deixar-p...parente-no-ie6/
- http://www.web2ponto0.com.br/png-transpare...6-ii-o-retorno/
[]'s
Ae galera, já havia olhada todos esses linsk que foram postados por vcs.
Mas dei uma olhada geral no css, e como se fosse um efeito de mágica os links começaram a funcionar.
Não me pergunte o que eu fiz, pois não sei.
Segue o link pra vcs analisarem.
http://www.rodrigoecristiano.com.br/principal.php
Mas dei uma olhada geral no css, e como se fosse um efeito de mágica os links começaram a funcionar.
Não me pergunte o que eu fiz, pois não sei.
Segue o link pra vcs analisarem.
http://www.rodrigoecristiano.com.br/principal.php
OUTRA SOLUÇÃO PARA OS LINKS
Bom pessoal, de um tempo pra ca vim usando muito mais esse negocio de png com transparencia e descobri mas umas coisas.
Exemplo...
Quando você tiver um link numa area com o PNG transparente (area grande como num conteudo por exemplo) os links vão ficar desabilitados (No IE), mas a solução disso é simples.
O IE reconhece como se o link estivesse por baixo da PNG por isso não possibilita clicar nele.
A unica coisa que você precisa é setar que todos os links que estiverem dentro de uma transparencia tenha um posicionamento relativo.
Isso é simples...
Se você criou o estilo pra deixar o fundo transparente
Só você passar um outro comando de uma linha em baixo pra afetar os links.
Os links vão ser lido como flutuantes e vão ser clicaveis.
=)
Bom Matheus... no seu caso seria a mesma coisa.
Só você deixar o código assim...
O mesmo se aplica a inputs.
Bom espero que essa dica tenha ajudado
Bom pessoal, de um tempo pra ca vim usando muito mais esse negocio de png com transparencia e descobri mas umas coisas.
Exemplo...
Quando você tiver um link numa area com o PNG transparente (area grande como num conteudo por exemplo) os links vão ficar desabilitados (No IE), mas a solução disso é simples.
O IE reconhece como se o link estivesse por baixo da PNG por isso não possibilita clicar nele.
A unica coisa que você precisa é setar que todos os links que estiverem dentro de uma transparencia tenha um posicionamento relativo.
Isso é simples...
Se você criou o estilo pra deixar o fundo transparente
CODE
<style type="text/css">
<!--
.fundo {
background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
-->
</style>
<!--
.fundo {
background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
-->
</style>
Só você passar um outro comando de uma linha em baixo pra afetar os links.
CODE
<style type="text/css">
<!--
.fundo {
background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
.fundo a{ position: relative; }
-->
</style>
<!--
.fundo {
background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
.fundo a{ position: relative; }
-->
</style>
Os links vão ser lido como flutuantes e vão ser clicaveis.
=)
QUOTE(Matheus Rennê @ 25/09/2007 - 15:15) 
Olá inforsis,
Já havia usado a busca e tentado a solução do tópico que você postou. Porém, a solução de lá não resolveu meu problema.
Meu CSS é o seguinte:
Já havia usado a busca e tentado a solução do tópico que você postou. Porém, a solução de lá não resolveu meu problema.
Meu CSS é o seguinte:
CODE
#wrapper {
background-image: url(../images/bg_shadow.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='scale');
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}
Se eu tirar o width: 100%; os links funcionam, porém, o bg some.background-image: url(../images/bg_shadow.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='scale');
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}
Bom Matheus... no seu caso seria a mesma coisa.
Só você deixar o código assim...
CODE
#wrapper {
background-image: url(../images/bg_shadow.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='scale');
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}
#wrapper a {
position: relative;
}
background-image: url(../images/bg_shadow.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='scale');
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}
#wrapper a {
position: relative;
}
O mesmo se aplica a inputs.
CODE
#wrapper a, #wrapper input {
position: relative;
}
position: relative;
}
Bom espero que essa dica tenha ajudado
Olá nick171,
Como havia falado no post anterior, não sei como os links funcionaram, mas por garantia coloquei essa sua sugestão para evitar problemas.
Grato.
Como havia falado no post anterior, não sei como os links funcionaram, mas por garantia coloquei essa sua sugestão para evitar problemas.
Grato.
Ae galera, to postando novamente, pois me deparei com mais um dos problemas do Ieca 6. Mas estou trazendo uma solução.
Fiz o que o nick171 citou no seu último post.
elemento a {
position: relative;
}
Meus links funcionaram sem problemas. Mas meus formulários não estavam acessíveis.
Então, para resolver esse problema, segui a mesma lógica do nosso amigo (nick171).
Coloquei o seguinte código no CSS:
input, select, textarea {
position: relative;
}
E meus formulários funcionam agora estão acessíveis.
Tae a dica se alguém vier a passar por esse problema também.
Fiz o que o nick171 citou no seu último post.
elemento a {
position: relative;
}
Meus links funcionaram sem problemas. Mas meus formulários não estavam acessíveis.
Então, para resolver esse problema, segui a mesma lógica do nosso amigo (nick171).
Coloquei o seguinte código no CSS:
input, select, textarea {
position: relative;
}
E meus formulários funcionam agora estão acessíveis.
Tae a dica se alguém vier a passar por esse problema também.
Pessoal, preciso da ajuda de vocês...
Impementei o PNG como background, conforme modelo abaixo:
Só tem um problema, o menu em Flash que fica por cima desse background, não executa! Só executa se eu remover o WMODE transparente dele. Mas não posso remover!! Preciso que o Flash seja transparente..
Além disto, qualquer conteúdo que eu coloque por cima desse background, não fica ativo. (Links, forms..).
Já tentei colocar o position:relative, porém não resolveu.
Alguém tem sugestão??
Para visualizar o site, clique aqui!
OBS: No Firefox funciona 100%!!
Impementei o PNG como background, conforme modelo abaixo:
QUOTE
background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
Só tem um problema, o menu em Flash que fica por cima desse background, não executa! Só executa se eu remover o WMODE transparente dele. Mas não posso remover!! Preciso que o Flash seja transparente..
Além disto, qualquer conteúdo que eu coloque por cima desse background, não fica ativo. (Links, forms..).
Já tentei colocar o position:relative, porém não resolveu.
Alguém tem sugestão??
Para visualizar o site, clique aqui!
OBS: No Firefox funciona 100%!!
Ninguém sabe???
vlho to meio sem tempo de montar uma estrutura aqui pra tstar então faz um favor....
Manda isso pra mim por e-mail que do uma fuçada depois
To mandando meu e-mail pra você por MP...
Flw aee ^^
Manda isso pra mim por e-mail que do uma fuçada depois
To mandando meu e-mail pra você por MP...
Flw aee ^^
Cá estou novamente pedindo a ajuda de vcs.
Coloquei o código acima, mas a imagem não aparece.
Já refiz o código, li não sei quantas vezes e nada.
Segue o link do site: www.jornalops.com.br
O problema é com a imagem do topo.
Coloquei o código acima, mas a imagem não aparece.
Já refiz o código, li não sei quantas vezes e nada.
Segue o link do site: www.jornalops.com.br
O problema é com a imagem do topo.
Esta é uma versão simplificada de nosso conteúdo principal. Para ver a versão completa com maiores informações, formatação e imagens, por favor clique aqui.