Do Anchor tags not work within figcaption:target?

Question

I did an animated menu on CSS3 using the tag figure, where I inserted an image with the link I used as id in the tag figcaption. Within figcaption is my list of links listing to access other pages. In my file . css, figcaption is with opacity:0; and visibility:none; whereas figcaption:target is with opacity:1; and visibility:visible;.

It turns out the links I entered in my list inside the tag figcaption are not working. Why?

CSS file:

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

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

And in . 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
         ...