css - 在 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 会有所不同，但确实如此。