(开始之前,我应该说,是的,我已经做了所有的愚蠢检查,是链接在我的历史,已被访问等等)谷歌浏览器:不工作
我使用走访背景图片Chrome版本6.0.472.63,尽管这对于所有浏览器都适用这一点很重要。
它适用于Firefox,IE和Opera。
基本上我想要做的就是改变链接的背景图像,如果链接已被访问。
我已经做了很多试验和错误测试,所以裸露与我的多个例子。
这是我本来
.forum_box .title a { background-image:url(../images/f_unread.png); background-position:10px center; background-repeat:no-repeat; background-color:transparent; color:#2D4054; font-size:14px; padding:10px 12px 10px 44px; text-decoration:none; display:block; font-weight:bold; } .forum_box .title a:visited { background-image:url(../images/f_read.png); }
作品除了Chrome的每一个浏览器。接下来,我试图让它变成一种颜色而不是图像。
再次相同,但我改变了链接#FFF,而不是透明的,访问过的链接改为红色,所以很明显,如果你设置了父背景颜色的背景颜色才有效。
.forum_box .title a { background-image:url(../images/f_unread.png); background-position:10px center; background-repeat:no-repeat; background-color:#fff; color:#2D4054; font-size:14px; padding:10px 12px 10px 44px; text-decoration:none; display:block; font-weight:bold; } .forum_box .title a:visited { background-color:red; }
但是它仍然不能解决我的图像问题。因此,在最后一次尝试中,我试图这样做,希望Chrome因为某些原因只能在两者都具有相同属性的情况下才能工作。
.forum_box .title a { background:#fff url(../images/f_unread.png) no-repeat 10px center; color:#2D4054; font-size:14px; padding:10px 12px 10px 44px; text-decoration:none; display:block; font-weight:bold; } .forum_box .title a:visited { background:#fff url(../images/f_read.png) no-repeat 10px center; }
这并没有工作,继续工作在Firefix,Opera和IE。所以我来这里堆栈溢出非常困惑。
任何帮助将不胜感激!
更新: 我试过jQuery解决方案,但它仍然无法正常工作。尽管有:访问过的链接,我可以通过将字体颜色更改为红色来确认他们的访问状态。 jQuery('a:visited')。长度返回0.
你能不能说这个? – 2010-09-24 16:00:32
这将是可能的,例如我可以做jQuery('。forum_box .title a:visited').addClass('visited'),然后使用该类进行样式设计。但我认为会有另一种解决方案,而不是Chrome在最古老和最基本的CSS属性之一上存在内在缺陷。 – robjbrain 2010-09-24 16:05:52
我知道这并不能解决您的问题,但您可以随时提交错误... http://code.google.com/p/chromium/issues/entry – EJC 2010-09-24 16:28:03