Bg com Alfa - Dreamweaver 8

[Juliana Alves 0]

Ola,criei um bt em CSS, que no momento em que passar o mouser sobre o bt, aparece um bg com efeito alfa de 40%Porem o alfa afeta tb o texto.Meus parametro são esse: }.SubMenuTopicos { font-family: Verdana, Tahoma, Helvetica; font-size: 12px; font-weight: bold; color: #FFFFFF; height: 19px; display: list-item; padding-top: 4px; padding-left: 18px; font-style: normal; text-decoration: none; width: 190px;}a.SubMenuTopicos:link { text-decoration:none;}a.SubMenuTopicos:visited { text-decoration:none;}a.SubMenuTopicos:hover { text-decoration: none; background-image: url(imagens/BotaoBG06.gif); background-repeat: repeat-x; background-position: center center; filter: Alpha(Opacity=45);}a.SubMenuTopicos:active { text-decoration:none;}Peço ajuda para descobrir uma maneira em que o efeito alfa não afete o texto.Obrigada,Juliana.

[pa_bruno 0]

postei uma solução recentemente aki no fórum... faz uma busca ae... provavelmente resolva teu caso http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Juliana Alves 0]

Oi Bruno,obrigada pela dica, mais infelizmente, não achei o seu post.Pode me dar o titulo dele, ou dechar um link.Obrigada,Juliana

[pa_bruno 0]

http://forum.imasters.com.br/index.php?sho...150673&hl=alpha

[Juliana Alves 0]

Oi Bruno,

infelizmente ainda não foi nessa, o bg ainda ta por cima do texto.

 

O meu código ja estva desta maneira:

}

.SubMenuTopicos {

font-family: Verdana, Tahoma, Helvetica;

font-size: 12px;

font-weight: bold;

color: #FFFFFF;

height: 19px;

display: list-item;

padding-top: 4px;

padding-left: 18px;

font-style: normal;

text-decoration: none;

width: 190px;

}

a.SubMenuTopicos:link {

text-decoration:none;

}

a.SubMenuTopicos:visited {

text-decoration:none;

}

a.SubMenuTopicos:hover {

text-decoration: none;

background-image: url(imagens/BotaoBG06.gif);

background-repeat: repeat-x;

background-position: center center;

filter: alpha(opacity=75);

opacitytext: 1; visibility: visible;

position: static;

z-index: 1;

overflow: hidden;

list-style-position: outside;

}

a.SubMenuTopicos:active {

text-decoration:none;

}

 

Obrigada,

Ju.

[ramongsoares 0]

olá juliana,esté sistema de filter apenas funciona no IE, porem você poderia resolver esse problema com uns png transparente, ai vem o "IE n tem suporte" mais tem como se mudar isso, vai no www.sf.net e busca por IE7, ele é um hack em js que corrige varios problemas do IE quanto as regras w3c.Espero ter ajudado.

[pa_bruno 0]

o z-index soh funciona com position: absolute...

outra coisa, cade seu codigo html pra dar uma olhada? você pode estar pecando no html... viu no exemplo lah q eu criei uma div para o fundo e por cima eu criei outra com o texto? aecom isso o conteúdo naum ficava oculto... dah uma olhada caprichada lah... naum eh soh copiar o código naum... tenta entender lah... eh bem simples... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

falae ramon, o filter soh funciona no i.e., mas o opacity funciona no opera e FF... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif