(在我开始之前,我应该说是的,我已经完成了所有的愚蠢检查,是的,链接在我的历史记录中并且已经被访问过等)
我使用的是 Chrome 版本 6.0.472.63,尽管它适用于所有浏览器很重要。
它适用于 Firefox、IE 和 Opera。
基本上,我要做的就是在链接已被访问时更改链接的背景图像。
我已经做了很多试验和错误测试,所以请耐心等待多个示例。
这是我最初的
.forum_box .title 一个 { 背景图像:url(../images/f_unread.png); 背景位置:10px 中心; 背景重复:不重复; 背景颜色:透明; 颜色:#2D4054; 字体大小:14px; 填充:10 像素 12 像素 10 像素 44 像素; 文字装饰:无; 显示:块; 字体粗细:粗体; } .forum_box .title a:访问过{ 背景图像:url(../images/f_read.png); }
适用于除 Chrome 之外的所有浏览器。接下来,我尝试将其设置为颜色而不是图像。
.forum_box .title a:访问过{ 背景颜色:红色; }
再次相同,但是我将链接更改为 #fff 而不是透明的,并且访问的链接变为红色,因此显然 bg 颜色仅在您为父级设置 bg 颜色时才有效。
.forum_box .title 一个 { 背景图像:url(../images/f_unread.png); 背景位置:10px 中心; 背景重复:不重复; 背景颜色:#fff; 颜色:#2D4054; 字体大小:14px; 填充:10 像素 12 像素 10 像素 44 像素; 文字装饰:无; 显示:块; 字体粗细:粗体; } .forum_box .title a:访问过{ 背景颜色:红色; }
但是它仍然不能解决我的图像问题。因此,在最后一次尝试中,我尝试了这个,希望由于某种原因,Chrome 只能在两者都存在相同属性时才能工作。
.forum_box .title 一个 { 背景:#fff url(../images/f_unread.png) no-repeat 10px center; 颜色:#2D4054; 字体大小:14px; 填充:10 像素 12 像素 10 像素 44 像素; 文字装饰:无; 显示:块; 字体粗细:粗体; } .forum_box .title a:访问过{ 背景:#fff url(../images/f_read.png) 不重复 10px 中心; }
这也不起作用,然后继续在 Firefix、Opera 和 IE 上工作。所以我来到这里对 Stack Overflow 很困惑。
任何帮助将不胜感激!
更新:我尝试了一个 jQuery 解决方案,尽管它仍然不起作用。尽管有 :visited 链接,但我可以通过将字体颜色更改为红色来确认它们的访问状态。jQuery('a:visited').length 返回 0。