僞類：活躍，在Firefox中的錯誤？

Question

的例子是：https://codepen.io/anon/pen/zzrdmo

當我申請與:active僞類裏面的Firefox，當我取消勾選的股利，它不斷點擊的div圖標（標籤）點擊效果我不明白...

我看到，當我刪除僞類:active的相對位置，這工作得很好，但沒有效果... 此問題僅出現在Firefox ...鉻，野生動物園等工作正常。 有人知道爲什麼嗎？

謝謝。

編輯：對於這個問題的解決出現在第一個答案解釋。 「但是，如果您還添加位置：相對的（沒有頂部設置）懸停狀態的規則，這樣可以解決問題」 - @Johannes 感謝

Answer 1

:active是狀態，而 - 點擊一個鏈接後 - 瀏覽器仍然顯示舊頁面，但已經嘗試加載並打開新頁面/目標頁面。通常情況下，除非新頁面的加載需要很長，這個時間間隔很短，你幾乎看不到它，這是很經常的active狀態得到相同的CSS爲hover的原因 - 不是讓他們之間的視覺差異..

在您的例子，源和目標頁面是一樣的 - 這是一個有些頁面的鏈接。顯然不同的瀏覽器處理這個問題的方式有所不同，關於active狀態。一些解釋鏈接爲「加載新頁面」，其他如「仍然是舊頁」（並因此仍然有效）...