Firefox 锚在 ":active" 上下沉

Question

面对Firefox中的问题。

你可以在这里看到它：link

点击并按住文本“点击我”会下降一个像素。如果您在按住鼠标按钮的同时移开光标并将其释放到空白处 - 文本“单击我”将不会上升一个像素。它会在您单击其他元素或空白区域后。
Chrome 没有这种行为。

包含图片以使其更清晰：
1.点击文字时，在空白处释放按钮后

2.空闲时点击其他元素后

操作系统： Windows 8.1
浏览器版本： 33.1

代码：

<a href="#">Click Me</a>
a { 
  position: relative;
}
a:active {
  top: 1px;
}

Answer 1

这是 Firefox 的一个已知特性，你可以找到更多关于它的信息here

JSFiddle

HTML

<div onclick="location.href='#';" class="link">W3C Web server</div>

把 CSS 改成这个，

.link {
    cursor: pointer;
}

.link:active {
    position: relative;
    top: 1px;
}