Question

CSS悬停图片无法在Firefox上运行但适用于Chrome

这些是我的代码。

.col-md-2 .angelhack {
height: 65px;
width: 188px;
content: url(../img2/logo_angelhack.png);

}

.col-md-2 .angelhack:hover {
    height: 65px;
    width: 188px;
    content: url(../img2/logo_angelhack_colored.png);
}

Answer 1

尝试在CSS中将“内容”更改为“背景图片”。图像路径周围的引号是可选的：

background-image: url(../img2/logo_angelhack.png);

我在这里添加了一个示例：http://jsfiddle.net/dKcdK/

请注意，该示例假定.angelhack是块级元素。如果情况并非如此，那么您还需要在CSS中应用display: block;。

*鉴于下面的评论包含您的HTML，我会完全从源HTML中删除图片代码，并在锚标记上设置class="angelhack"。然后在CSS中添加display: block;。

在此处更新了jsFiddle：http://jsfiddle.net/dKcdK/2/