为什么链接访问后没有显示正确的精灵？

Question

详情

我正在尝试使用精灵图像作为链接。链接，悬停和活动工作，但访问没有。访问链接后，它只返回原始精灵。我正在使用的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的精灵：在点击链接后访问了工作？

Answer 1

我认为它正在减轻CSS history attack。

Preventing attacks on a user's history through CSS

Answer 2

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

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