css动画后链接不起作用

时间:2012-12-08 20:36:47

标签: html css hyperlink

我正在为HTML,Javacript和CSS的8年级退出访谈做一个投资组合。出于某种原因,在我的CSS动画播放后,我的锚标签不再有效。

您可以看到演示here

以下是其中一个链接的代码:

<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; }
}

1 个答案:

答案 0 :(得分:0)

问题在于div是浮动的,但包含的a不是,因此a s实际上没有维度。一个简单的解决方案就是浮动a s。