Autor Tópico: Rollover Image: como deixar o status "active" com imagem igual ao "hover"  (Lida 611 vezes)

Offline Ricardo

  • Newbie
  • *
  • Mensagens: 2
  • Reputação: +0/-0
    • Ver Perfil
olá, estou desenvolvendo um site totalmente em CSS (a  primeira vez) e
preciso fazer um menu onde o estado inicial é uma imagem em tons de cinza,
quando passa o mouse por cima (a:hover) "puxa" a imagem colorida,
e após clicar, permanece esta imagem colorida (a:active), indicando que esta é a página atual.

Mas não tem como. Já tentei de tudo e não deu certo...
O estado inicial e hover é tranquilo em CSS... mas para "puxar" uma imagem (nesse caso a mesma do a:hover)
não dá certo.

É possível fazer isso apenas em CSS??

Abraço a todos!!!!

Offline WebDevXtream

  • Newbie
  • *
  • Mensagens: 8
  • Reputação: +0/-0
    • Ver Perfil
    • WebDevXtream.com - WebDesign, SEO, Domínios, Alojamento, e-Commerce e Publicidade
Re:Rollover Image: como deixar o status "active" com imagem igual ao "hover"
« Responder #1 em: Abril 15, 2010, 06:25:11 pm »
Olá,

Bem a partida seria da mesma forma que estás a fazer para o link e hover, mas em todo o caso este tutorial explica!

http://www.tutorio.com/tutorial/pure-css-image-rollovers.

Abraço,