html - 为什么访问链接后没有显示正确的子画面？

细节

我正在尝试使用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：sprite的精灵不起作用？

最佳答案

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

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