Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

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!