伪类：活动，Firefox中的错误？答案

【问题标题】：Pseudo class :active, Bug in firefox?伪类：活动，Firefox中的错误？
【发布时间】：2017-06-12 19:39:21
【问题描述】：

我不明白当我在firefox上的div内的图标（标签）上应用:active伪类的点击效果时，当我取消点击div时，它一直被点击......

我看到当我删除伪类:active 中的相对位置时，这工作正常但没有效果...... 这个问题只发生在 Firefox 中……在 chrome、safari 等中工作正常。有人知道为什么吗？

谢谢。

编辑：第一个答案中解释了此问题的修复。 “但是如果您还添加 position: relative （没有顶部设置）到悬停状态规则，这可以解决问题” - @Johannes 谢谢

【问题讨论】：

【解决方案1】：

:active 是在单击链接后浏览器仍显示旧页面，但已尝试加载并打开新页面/目标页面的状态。通常，除非新页面的加载需要很长时间，否则这个时间间隔太短以至于您几乎看不到它，这就是active 状态经常获得与hover 相同的 CSS 的原因 - 不做它们之间的视觉差异..

在您的示例中，源页面和目标页面是相同的 - 它是某个页面链接。对于active 状态，显然不同的浏览器处理不同。有些人将链接解释为“已加载新页面”，而另一些人将链接解释为“仍在旧页面上”（因此仍处于活动状态）......

【讨论】：

okey.. 我理解这些原因，但是为什么当我删除 CSS 样式的位置属性时，它工作正常，但是当相对位置还没有时，手柄又被磨损了。这只发生在 Firefox 中
我也不是很确定，但是如果您还将position: relative（没有top 设置）添加到hover 状态规则，这可以解决问题 - HTH
codepen.io/anon/pen/awNxpb 是的！这解决了问题……我不明白为什么……但这是一个解决方案 jajaja 感谢 PD：这个问题只是出于好奇，为什么在其他浏览器中不需要这个修复？