пустого изображения в Firefox версии 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>