看看这个:http: //jsfiddle.net/5fLtb/3/
当您在 webkit 浏览器(Chrome/Safari)中将鼠标悬停在它上面时,它似乎会出现故障并变成浅蓝色,然后变成正确的颜色。
在 Gecko 浏览器 (Firefox) 中,它根本不会淡入。
有人可以告诉我这是一个错误还是有解决方法/
我认为当你真正需要做的就是改变它的颜色时,加载一个全新的 svg 图像有点傻。
对于这么小的东西,您可以使用内联 svg,例如http://jsfiddle.net/zuWGy/1/。