• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

_deXter

[Resolvido] "On mouse" ficar sem background-color

7 mensagens neste tópico

Olá, a minha dúvida é a seguinte, tenho este código:

a:link { 
text-align:center;
color: white;
background-color: #000060;
font-size: 20px;
font-family: Agency FB;
text-decoration: none;
cursor: auto;
}

a:visited { 
text-align:center;
color: white;
background-color: #000060;
font-size: 20px;
font-family: Agency FB;
text-decoration: none;
cursor: auto;
}

a:hover {
text-align:center;
color: #000060;
font-size: 21px;
border: 1px inset grey;
font-family: Agency FB;
font-weight: normal;
text-decoration:none;
}

Como é que eu faço para quando o rato passar em cima do link, o texto deixe de ter fundo e passe a ver-se a imagem que tem de background?

Obrigado. ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

por css, acho que não fazes... pelo menos, estive a tentar e não consegui... talvez só por javascript...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pois, se calhar não dá mesmo.

De qualquer das formas acho que ainda arranjei uma solução melhor.

Está transparente por defeito, e no hover fica com fundo. O efeito é ainda melhor, gostei bastante. ;)

Obrigado na mesma. :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

no :hover metes background:none !important;

pois é, não me lembrei do none ;):):P

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

no :hover metes background:none !important;

Era mesmo isso. Obrigado, embora vá utilizar o inverso é sempre bom saber. ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora