相关疑难解决方法(0)

Google Chrome a:访问过的背景图片无效

(在我开始之前我应该​​说是的,我已经完成了所有的愚蠢检查,是的,链接在我的历史中并且已被访问过等)

我使用的是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以外的所有浏览器.接下来我试着把它变成一种颜色而不是图像.

.forum_box .title a:visited {
 background-color:red;
}

同样,我将链接更改为#fff而不是透明,访问链接更改为红色,所以显然bg颜色只有在为父级设置bg颜色时才有效.

.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; …

css google-chrome background-image visited

11
推荐指数
1
解决办法
1万
查看次数

标签 统计

background-image ×1

css ×1

google-chrome ×1

visited ×1