Problema javascript CSS MOZILLA

[Alifuma92]

Ciao a tutti!
Ho una funzione (che posto qui sotto) per assegnare un gradiente ad un div. Con safari funziona benissimo, mentre con mozilla non visualizzo il gradiente, ma lo sfondo bianco/trasparente. Mi sembra strano perchè la proprieta CSS è praticamente la stessa, cambia solamente il prefisso -moz- al posto di -webkit-.
Qualcuno saprebbe dirmi qual'è il problema? magari c'è un errore banale che non riconosco...

P.S Ho l'ultima versione di mozilla.

Grazie a tutti in anticipo

function colora(){

<script>

    var partenza = document.getElementById('partenza').options[document.getElementById('partenza').selectedIndex].value;
    var numero_colori = document.getElementById('numero_colori').value;
    
    var css = "";
    
    for (k=1; k<=numero_colori; k++){
        
        var id = "colore"+k;    
        var per ="percentuale"+k;
        
        var colore = document.getElementById(""+id+"").value;
        var percentuale = document.getElementById(""+per+"").value;
        
        css = css + colore + " " + percentuale + "%,";
        
    }
    
    // elimina l'ultima virgola dalla variabile css

    var len = css.length

    css = css.substring(0,len-1)
    
    
    // creo la regola css per il cambio del gradiente
    var cambia_gradiente = "-webkit-linear-gradient("+partenza+","+css+")";
    var cambia_gradiente_moz = "-moz-linear-gradient("+partenza+","+css+")";
    
    document.getElementById('prova').style.backgroundImage= cambia_gradiente;
    document.getElementById('prova').style.backgroundImage= cambia_gradiente_moz;
    
}
</script>

[tampertools]

Mettilo anche senza prefisso

[Alifuma92]

nnt da fare... anche senza prefisso non visualizzo il gradiente... è strano perché se inserisco un banale div nella pagina come questo:

<div class="col-xs-3" style="background-image: -moz-linear-gradient(bottom, #8E45C8 0%, #63F0E4 100%);height:200px;">

con lo stesso mozilla lo visualizzo tranquillamente...

[Alifuma92]

Se può essere d'aiuto la funzione è chiamata attraverso un evento onchange...

[Alifuma92]

RISOLTO! Spiego la soluzione...

Quando prendo ed inserisco il valore del colore nella variabile "colore" esso viene salvato in codice esadecimale (es. FFFFFF).
Browser come Safari riconosco il colore tranquillamente, mentre ad esempio Firefox richiede anche il cancelletto posto davanti per interpretarlo correttamente (es. #FFFFFF).

Con l'inserimento del cancelletto (#) si risolve il problema con qualsiasi browser.

Grazie comunque!