html - <figcaption> 不显示

Question

我想知道为什么我的figcaption没有显示

我正在执行通常的代码:

<a href="https://en.wikipedia.org/wiki/Fimmv%C3%B6r%C3%B0uh%C3%A1ls" 
            target="_blank" class="grid-box">

            <img class="grid-img" 
            src="https://www.extremeiceland.is/media/8354/lava.jpg" 
            alt="Fimmvörðuháls">

            <figcaption>Fimmvörðuháls</figcaption>
 </a>

截图:http://prntscr.com/kfinwm

这是代码笔:https://codepen.io/don0ts/pen/ajayZE

Answer 1

您的图像被包装在 <a> 中标签，其类别为 .grid-box反过来，它的溢出设置为隐藏。
尝试删除 overflow: hidden来自 .grid-box .