En FF91.4.1esr, Linux Debian Bullseye, si creo una imagen fantasma a partir de un png parcialmente transparente, se muestra un fondo gris, en lugar de la página web debajo de la imagen fantasma.

Por ejemplo, en este violín, creado por otra persona, puedo ver un cuadro gris debajo del rojo y el azul:

http://jsfiddle.net/c8p24q6y/

¿Hay algo que pueda hacer al respecto?

Intenté configurar ghostImg.style.background = 'white'; , que me dio un fondo blanco.

También puse la imagen fantasma en la página web independientemente de la imagen fantasma arrastrada, y con el fondo blanco establecido, el fondo también era blanco allí.

Con background = transparent o none , en la página web, la imagen era realmente transparente.

Lo que me llevó a creer que hay una capa DEBAJO de la imagen fantasma, a la que no tengo acceso:

 layer1 <img>.src layer2 <img>.background (transparent) layer3 <div>.background (transparent) layer4 browser-defined gray bedrock -> HOW TO REMOVE THIS? layer5 the rendered webpage

Antes de etiquetar duplicados, soy consciente de esta pregunta, no responde a la mía y se trata de Chrome:

Fondo transparente para imagen fantasma HTML5 de arrastrar y soltar