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);
}
尝试在CSS中将“内容”更改为“背景图像”。图像路径周围的引号是可选的：
background-image: url(../img2/logo_angelhack.png);
我在这里添加了一个示例：http : //jsfiddle.net/dKcdK/
注意，该示例假定这.angelhack是一个块级元素。如果不是这种情况，那么您还需要display: block;在CSS中应用。
*鉴于下面包含您的HTML的注释，我将完全从源HTML中删除图片标签，并将您class="angelhack"的标签设置为锚标签。然后添加display: block;CSS。
在这里更新了jsFiddle：http：//jsfiddle.net/dKcdK/2/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句