Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Imprimir imagens definidas no CSS

Quando imprimir imagens caso sejam definidas no CSS (exemplo abaixo), elas não serão mostradas na folha de impressão.

.github {
    background-image: url(../img/github.png);
}

.twitter {
    background-image: url(../img/twitter.png);
}

.linkedin {
    background-image: url(../img/linkedin.png);
}

Para isso, será necessário habilitar a opção de imprimir plano de fundo nos navegadores. Não há uma forma para forçar a impressão dessas imagens, independente do navegador?

1 resposta
solução!

Oi Marcel,

Já ia te responder que não dava, mas achei isso aqui:

-webkit-print-color-adjust: exact;

Aparentemente funciona no Chrome/Opera/Safari.

Um outro jeito que achei também seria fazer algo assim:

@media print {
body {
   content:url(images/mybg.png);
  }

Espero ter ajudado e bons estudos,

Abcs!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software