在mozilla上使用图像源到base64时使用css的背景图像

Question

我有一个样式类定义如下：

 .img-info32, .img-confirm32 ,.img-error32, .img-warning32{
    background: url('images/info32.png') no-repeat center center;
    height:32px;
    width:32px;
}

然后我有一个图像，源像base64图像，如下所示：

     <img src="data:image/png;base64,........." class="infoLarge img-confirm32" alt="Informations">

使用chrome进行测试时，背景图像应用得很好，而在mozilla中，base64图像显示而不是使用css类指定的背景。为什么这个 ？我在哪里弄错了？

Answer 1

让它发挥作用。我的base64图像是一个png文件，当将其更改为gif时，我的背景应用正确。我不知道为什么gif和png会有所作为，但事实确实如此。