2010-09-24 163 views
11

(开始之前,我应该说,是的,我已经做了所有的愚蠢检查,是链接在我的历史,已被访问等等)谷歌浏览器:不工作

我使用走访背景图片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.

+0

你能不能说这个? – 2010-09-24 16:00:32

+0

这将是可能的,例如我可以做jQuery('。forum_box .title a:visited').addClass('visited'),然后使用该类进行样式设计。但我认为会有另一种解决方案,而不是Chrome在最古老和最基本的CSS属性之一上存在内在缺陷。 – robjbrain 2010-09-24 16:05:52

+0

我知道这并不能解决您的问题,但您可以随时提交错误... http://code.google.com/p/chromium/issues/entry – EJC 2010-09-24 16:28:03

回答

12

同样的问题在这里。 更改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/ 而错误: https://bugzilla.mozilla.org/show_bug.cgi?id=147777#c160

我认为唯一可能的解决方案是使用创造性地使用背景色而不是图像。

+0

我不认为背景颜色会起作用。 AFAIK整个:访问选择器将被完全忽略。 – 2010-10-07 16:20:46

0

你可能需要你的单引号围绕你的IMG网址... 浏览器很有趣,他们什么时候关心报价,什么时候不报...

+0

这没有任何区别,但感谢您的建议! – robjbrain 2010-09-24 16:37:44

+0

对不起,这不是更有帮助,这似乎是一个非常奇怪的问题。就像我上面所说的那样,我会在铬网站项目上为它提交一个错误,我认为他们会很快修复这些基本的html/css功能。 – EJC 2010-09-24 18:52:48

3

这可能是一个安全问题。
在mozilla安全博客上检查此post
我当然可以想象他们会怎么做。

相关问题