谷歌浏览器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安全博客上查看这篇文章 。
我当然可以想象他们将如何做到这一点。
你可能需要你的单引号你的IMGurl…浏览器是有趣的,当他们关心报价,当他们不…