示例是：https://codepen.io/anon/pen/zzrdmo
我不明白当我在firefox上的div里面的icon（tag）上使用:active伪类应用点击效果时，当我取消点击div时，它会一直点击...
我看到当我删除伪类:active中的相对位置时，这样可以正常但没有效果......
这个问题只发生在firefox ...在chrome，safari等工作正常。
有谁知道为什么？
感谢。
编辑：第一个答案解释了此问题的修复。 “但如果您还将位置：相对（没有顶部设置）添加到悬停状态规则，则可以解决问题” - @Johannes 感谢
答案 0 :(得分：0)
:active是状态，而在点击链接后，浏览器仍显示旧页面，但已尝试加载并打开新页面/目标页面。通常，除非加载新页面需要很长时间，否则此时间间隔太短以至于您很难看到它，这就是active状态通常与{{1}获得相同CSS的原因 - 不要在它们之间产生视觉差异..
在您的示例中，源页面和目标页面是相同的 - 它是一个页面链接。显然，不同的浏览器处理hover状态的方式不同。有些人将链接解释为＆＃34;新页面已加载＆＃34;其他人将其解释为＆＃34;仍然在旧页面上＃34; （因此仍然活跃）......