html - css动画后链接不起作用

Question

我正在为我的 8 年级毕业面试制作一份关于 HTML、Javacript 和 CSS 的作品集。出于某种原因，在我的 CSS 动画播放后，我的锚标记不再起作用。

你可以在这里看到一个演示。

这是我的链接之一的代码：

<a href="#" onclick="one()"><div class=img id="img1"> </div></a>

我的CSS：

@keyframes secondwindow
{
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes secondwindow
{
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes secondwindow
{
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes secondwindow
{
    from { opacity:0; }
    to { opacity:1; }
}

Answer 1

问题是divs 是浮动的，但包含a不是，所以as 最终实际上没有维度。一个简单的解决方案就是让as 也浮动。