谷歌浏览器a:访问过的背景图片无效

(在我开始之前,我应该说是的,我已经做了所有的愚蠢检查,是的,这个链接是在我的历史和访问等)

我使用的是Chrome 6.0.472.63版本,不过在所有浏览器上都可以使用这一点很重要。

它适用于Firefox,IE和Opera。

基本上所有我想要做的是改变链接的背景图像,如果链接已被访问。

我已经做了很多的试验和错误testing,所以裸露在我的多个例子。

这是我原来的

 .forum_box .title a {
 背景图像:url(../图像/ f_unread.png);
  background-position:10px center;
 背景重复:不重复;
 背景色:透明;
 颜色:#2D4054;
 字体大小:14px的;
  padding:10px 12px 10px 44px;
 文字修饰:无;
 显示:块;
 字体重量:粗体;
 }
 .forum_box .title a:visited {
 背景图像:url(../图像/ f_read.png);
 }

适用于除Chrome以外的所有浏览器。 接下来,我试图把它变成一种颜色,而不是图像。

 .forum_box .title a:visited {
 背景色:红色;
 }

同样,但是我改变了链接到#fff而不是透明的,被访问的链接改变了红色,所以显然只有在为父项设置了bg颜色时,bg颜色才起作用。

 .forum_box .title a {
 背景图像:url(../图像/ f_unread.png);
  background-position:10px center;
 背景重复:不重复;
 背景色:#FFF;
 颜色:#2D4054;
 字体大小:14px的;
  padding:10px 12px 10px 44px;
 文字修饰:无;
 显示:块;
 字体重量:粗体;
 }
 .forum_box .title a:visited {
 背景色:红色;
 }

但是它仍然不能解决我的图像问题。 所以在最后的一次尝试中,我试图这样做,希望由于某种原因,Chrome只能在两者都存在的相同属性时才能工作。

 .forum_box .title a {
 背景:#fff url(../ images / f_unread.png)no-repeat 10px center;
 颜色:#2D4054;
 字体大小:14px的;
  padding:10px 12px 10px 44px;
 文字修饰:无;
 显示:块;
 字体重量:粗体;
 }
 .forum_box .title a:visited {
 背景:#fff url(../ images / f_read.png)no-repeat 10px center;
 }

这并没有工作,并继续在Firefix,Opera和IE上工作。 所以我来这里Stack Overflow很困惑。

任何帮助将不胜感激!

更新:我试过一个jQuery解决scheme,但它仍然无法正常工作。 尽pipe有:访问过的链接,我可以通过将字体颜色更改为红色来确认他们的访问状态。 jQuery('a:visited')。length返回0。

这里同样的问题。 更改CSS中的背景位置Sprite中的:被浏览的内容在Firefox 3.6中适用于我,但在Chrome 6中不适用。

但可能很快它将停止在Firefox的工作。 (也许对于FF 4?)

这是一个隐私问题,你可以在这里阅读一篇关于它的Mozilla文章(2010年3月) http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/而bug : https : //bugzilla.mozilla.org/show_bug.cgi?id = 147777#c160

我认为只有可能的解决scheme是创造性地使用背景颜色,而不是图像。

这可能是一个安全问题。
在mozilla安全博客上查看这篇文章 。
我当然可以想象他们将如何做到这一点。

Chrome浏览器似乎禁用了CSS(除了颜色)。

这将是防止历史嗅探利用。

http://www.azarask.in/blog/post/socialhistoryjs/

你可能需要你的单引号你的IMGurl…浏览器是有趣的,当他们关心报价,当他们不…