anchor tags do not work inside figcaption: target?

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

It turns out that the links that I inserted in my list within the figcaption tag are not working. Why?

CSS file:

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

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

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