0

例子：

.twitter:LINK{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter.jpg');
}

.twitter:HOVER{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter_hover.jpg');
}

如您所见，代码相同，路径也相同。这两张图片完全在同一个文件夹中，我仔细检查了名称。这显示为<a>元素内的背景图像。

问题是，一旦您将链接悬停，状态 LINK 就会消失（图片 twitter.jpg），而不是出现在 HOVER 之后（图片 twitter_hover.jpg），您什么都看不到。因此，当您取出鼠标时，LINK 会再次出现。目的是在悬停后加载不同的悬停图像。

为什么它不起作用？

新编辑/////////////////////////

其余的评论似乎表明代码是正确的。我也觉得是对的。我跨越了不同的图像，我发现我想要悬停的图像只有问题。我尝试了不同的格式等......仍然是一样的。我什至打开了 LINK 图像并用 Photoshop 更改了颜色并再次保存为 jpg。也不工作...

我附上两张图片，看看您是否知道可能的解决方案...在此处输入图像描述在此处输入图像描述

4

1 回答 1

0

我想它必须是小写的，你需要尊重正确的顺序：

爱与恨

链接、访问、悬停、活动

a.twitter:link, a.twitter:visited {
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter.jpg');
}
a.twitter:hover, a.twitter:active{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter_hover.jpg');
}
于 2012-09-10T14:54:37.740 回答