html - 为什么在访问链接后没有显示正确的 sprite？

Question

详情

我正在尝试使用 sprite 图像作为链接。链接、悬停和事件工作，但访问没有。访问链接后，它会返回到原始 Sprite 。我使用的 CSS 和 HTML 如下所示。

HTML

<a href="#1" class="sprite favourite"> </a>    
<a name="1">link1</a>

CSS

 .sprite
    {
        width:15px;
        height:15px;
        text-decoration:none;
        display:block;
        background-image:url(everything-spritev2.png);
    }

.favourite:link{background-position:-32px 0;}
.favourite:hover{background-position:-48px 0;}
.favourite:visited {background-position:-64px 0;}  /* visited link */
.favourite:active {background-position:-64px 0;} 

问题

为什么点击链接后 .favourite:visited 的 sprite 不工作？

Answer 1

不幸的是，由于隐私原因，使用背景图像的 :visited 样式在 Firefox 中已被禁用。这page's note描述了原因，这 page描述细节。其他浏览器可能尚未禁用其 :visited 样式，但可能会在未来的版本中禁用。

可能的解决方法是使用脚本来跟踪点击的链接和本地存储中的时间。