Html 在CSS不工作的情况下更改鼠标上的图像

使用CSS，我想要一个图像/链接，随着鼠标在上面移动而改变。我不明白为什么下面的代码不起作用

@user.twitter

确实有一个值。由于链接没有文本，只有图像，我有点不确定括号后面的第一个值是什么。目前，屏幕上根本没有显示任何图像。下面的代码有什么问题

Html代码：

<%= link_to("", @user.twitter, :class => "twitter") %>

更新：如果我检查页面的源代码，它是：

<a class="twitter" href="http://www.example.com"></a>

---

如果没有实际HTML和CSS的演示，很难确定，但您的CSS格式有点不正确

此外，链接需要是

内联块

或

块

，而不是默认的

显示：内联

.twitter{
宽度：20px；
高度：20px；
背景图片：url(http://4.bp.blogspot.com/-HkpT3JSkNWA/Txcu2eo0A-I/AAAAAAAAAlY/0eUq2M85Px8/s000/twitter.png);
背景尺寸：封面；
显示：内联块；
}
.推特：悬停{
背景图像：url（'http://www.easychirp.com/images/share/twitter.png');
}

---

如果没有实际HTML和CSS的演示，很难确定，但您的CSS格式有点不正确

此外，链接需要是

内联块

或

块

，而不是默认的

显示：内联

.twitter{
宽度：20px；
高度：20px；
背景图片：url(http://4.bp.blogspot.com/-HkpT3JSkNWA/Txcu2eo0A-I/AAAAAAAAAlY/0eUq2M85Px8/s000/twitter.png);
背景尺寸：封面；
显示：内联块；
}
.推特：悬停{
背景图像：url（'http://www.easychirp.com/images/share/twitter.png');
}

这是我的CSS：

.twitter {
    width: 20px;
    height: 20px;
    background-image: url('twitter.png');
}
.twitter:hover {
    background-image: url('twitter-hover.png');
}

以下是我的CSS：

.twitter {
    width: 20px;
    height: 20px;
    background-image: url('twitter.png');
}
.twitter:hover {
    background-image: url('twitter-hover.png');
}

---

---

不幸的是，使用

背景图像

和

url

而不是

图像url

没有效果。请尝试添加

显示：内联块

是，现在它正在显示。唯一的问题是，只显示图像的一部分（图像的一部分被截断），而我希望宽度和高度可以将图像拉伸到这些尺寸…不幸的是，使用

背景图像

和

url

而不是

图像url

没有效果。尝试添加

显示：内联块

是，现在它出现了。唯一的问题是，只显示了图像的一部分（图像的一部分被切断），而我希望宽度和高度可以将图像拉伸到这些尺寸……不幸的是，使用

url

和

背景图像而不是
图像url
没有效果。检查图像url（路径）和图像大小。路径/图像正确；如果我只是使用
image\u tage
显示图像，它会正确显示。img标记是html标记，但在这里我们使用的css都是不同的。是的，但它证明了路径是正确的，并且图像的大小不是0x0，这就是我理解你所问的？不幸的是，使用
url
和
background image
而不是
image url
没有效果。请检查图像url（路径）和图像大小。路径/图像是正确的；如果我只是使用
image\u tage
显示图像，它会正确显示。img标记是html标记，但在这里我们使用的css都是不同的。是的，但它证明了路径是正确的，并且图像的大小不是0x0，这就是我理解你所问的？不幸的是，用
url
和
no repeat
代替
image-url
没有效果。设置背景大小：25px 25px；不幸的是，用
url
和
no repeat
代替
图像url
没有效果；您是否检查了生成的锚元素？这可能与使用
@user.twitter
作为url有关。你说它有一个值，但是什么样的值。
@user.twitter
有一个字符串作为值，但是考虑到OP中添加的更新，我认为这是正确的。好的。链接是否指向用户的twitter页面或图像？它指向用户的twitter页面（或任何url）。但见保利的答案；这似乎是正确的方向。您是否检查了生成的锚元素？这可能与使用
@user.twitter
作为url有关。你说它有一个值，但是什么样的值。
@user.twitter
有一个字符串作为值，但是考虑到OP中添加的更新，我认为这是正确的。好的。链接是否指向用户的twitter页面或图像？它指向用户的twitter页面（或任何url）。但见保利的答案；这似乎是正确的方向。
.twitter {
    width: 20px;
    height: 20px;
    background: url('twitter.png') no-repeat;
}
.twitter:hover {
    background: url('twitter_.png') no-repeat;
}