1

Fiz um menu animado em CSS3 utilizando a tag figure, na qual inseri uma imagem com o link que utilizei como id na tag figcaption. Dentro de figcaption está a minha lista com a listagem de links para acessar outras páginas. No meu arquivo .css, figcaption está com opacity:0; e visibility:none; enquanto que figcaption:target está com opacity:1; e visibility:visible;.

Acontece que os links que inseri na minha lista dentro da tag figcaption não estão funcionando. Por que?

Arquivo CSS:

.menu figcaption{opacity: 0; visibility: none;}

.menu figcaption:target{opacity: 1; visibility: visible;}

E no .php:

figure
   a href="#abrir"
      img src="images/menu.png" alt="Menu"
   /a

   figcaption id="abrir"
      ul
         li
            a href="index.php"
               Página Inicial
            /a
         ...
2
  • 1
    @Florida CSS3 foi removida do titulo pois já consta como tag, o que facilita a busca posteriormente.
    – user28595
    22/10/2016 às 16:36
  • Eu havia feito a edição ao mesmo tempo que você, por isso não pude ver que você já tinha enviado @diegofm
    – Florida
    22/10/2016 às 16:37

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .