Background aparece apenas na primeira página quando mando imprimir.

[evaristodaniel 0]

Olá,

 

Fiz um botão para alterar a imagem do background de um relatório. Ele faz a alteração do background mas ao visualizar a impressão, este aparece apenas na primeira página. 

Código botão:

<input type="file" accept="image/*" onchange="loadFile(event)" id="botoes">

Método para alterar:

<script type="text/javascript">
        var loadFile = function(event) {
        var output = document.getElementById('output');
        output.style.backgroundImage= "url("+URL.createObjectURL(event.target.files[0])+")";
    };
</script>

 

CSS:

#output{
    background-image:url('');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

Obrigado desde já,

Atenciosamente,

Daniel