[Nuno Amaral]

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?

[inforsis]

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.

[Nuno Amaral]

Obrigado pela dica.

[Matheus Rennê]

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

[inforsis]

Olá Matheus Rennê, no mesmo tópico, verifique esta resposta do nick171, veja se resolve seu problema.

http://forum.imaster...&...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.

[Matheus Rennê]

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:

#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.

Este post foi editado por gio!: 25 setembro 2007 - 16:42
Razão por editar:: Código deve ser colocado na tag [code][/code]

[inforsis]

Matheus Rennê, Boa tarde!
Se possivel posta um link para o pessoal analisar melhor o problema.

[Kikitten]

Para utilizar em backgrounds tem uma solução aqui

http://www.htmlstaff...ver.php?id=7313

[#INSIDE#]

Deixo aqui dois links que podem ajudar:
- http://www.web2ponto...parente-no-ie6/
- http://www.web2ponto...6-ii-o-retorno/

[]'s

[Matheus Rennê]

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.rodrigoec...r/principal.php

[Nícolas]

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

<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>

Só você passar um outro comando de uma linha em baixo pra afetar os links.

<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>

Os links vão ser lido como flutuantes e vão ser clicaveis.

=)

Matheus Rennê, em 25/09/2007 - 15:15, disse:

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:

#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.

Bom Matheus... no seu caso seria a mesma coisa.

Só você deixar o código assim...

#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;
}

O mesmo se aplica a inputs.

#wrapper a, #wrapper input {
	position: relative;
}

Bom espero que essa dica tenha ajudado

[Matheus Rennê]

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.

[Matheus Rennê]

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.

[schumacker]

Pessoal, preciso da ajuda de vocês...

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');

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%!!

[schumacker]

Ninguém sabe???

[Nícolas]

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 ^^

[Matheus Rennê]

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.

Este post foi editado por inforsis: 12 novembro 2007 - 17:26
Razão por editar:: Inserir endereço na tag url.