1

细节

我正在尝试使用精灵图像作为链接。链接,悬停和活动工作,但访问没有。访问链接后,它会返回到原始精灵。我使用的 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 的精灵不工作?

4

2 回答 2

1

我认为它正在减轻CSS 历史攻击

通过 CSS 防止对用户历史的攻击

于 2012-08-19T08:56:35.997 回答
1

不幸的是,:visited由于隐私原因,使用背景图像的样式在 Firefox 中已被禁用。本页的注释描述了原因,本页描述了详细信息。其他浏览器可能尚未禁用其:visited样式,但可能会在未来的版本中。

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

于 2012-08-20T06:52:24.967 回答