Ocultar camadas com Css

Pergunta
Tenho uma página a modo de exemplo, a qual contém 4 camadas (1 visível e as outras 3 ocultas por padrão). E acima dela, os textos "Ver Camada 1" - "Ver Camada 2" - "Ver Camada 3" - "Ver Camada 4".

Agreguei a cada texto o comportamento desejado, ou seja, que quando clico em "Ver Camada 2" se oculta a camada que se esteja vendo e se mostra a camada 2, e assim com as demais. Porém, o que quero é fazê-lo através de links, ou seja, que quando posicione o Mouse sobre cada texto, apareça "a mãozinha" que aparece quando se trata de um link

Que vínculo devo colocar a cada frase para conseguir este efeito?

Valorize esta FAQ:
A FAQ Ocultar camadas com Css tem Pertence à categoria:
Resposta
Deve colocar em cada camada um estilo, exemplo:
.camada1 { cursor:pointer; }
.camada2 hover { cursor:hand; }

Assim funciona, mas você também pode se aprofundar mais com tutoriais a respeito, também poderá combiná-lo com javascript e com as propriedades OnBlur, Over, etc. e ter resultados muito melhores.

Espero que lhe sirva, saudações.

Por Z UNITED

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + [...]

Ver todas las FAQS de CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato