javascript - Firefox 版本 50 中的空白图像

Question

我正在显示空白图像:

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

在所有浏览器和 Firefox(版本 50 之前)中，空白图像用于显示黑色背景色。

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

有什么想法吗？

Answer 1

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

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

无论如何，这是另一个适用于所有浏览器的 1x1px 透明 gif:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAAL‌​AAAAABAAEAQAICRAEAO‌​w==”

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

<div></div>