空白图像50

Question

我与显示空白图像：

src="data:image/jpeg;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 

在所有的浏览器和Firefox中（直至50版）空白图像使用显示的背景色是黑色。

我已将FF版本更新为50版，现在我看到的是白色方块而不是我的黑色背景颜色。

有什么想法？

Answer 1

查看文件的元数据（顺便说一下，这是一个GIF而不是一个jpeg），我们可以看到标志Has Alpha未设置。

最新的Firefox可能已经更新了他们的gif解析器，现在可能会期待这个标志。

不管怎么说，这是一个其他1x1px透明的gif，将在所有的浏览器："data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAAL‌​AAAAAABAAEAQAICRAEAO‌​w=="

body{ 
 
    background-color: ivory; 
 
    } 
 
div{ 
 
    width: 100vw; 
 
    height: 100vh; 
 
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAQAICRAEAOw==); 
 
    }

<div></div>