Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Imprimir imagens definidas no CSS

Referente ao curso HTML5 e CSS3 I: Suas primeiras páginas da Web

por Marcel Pigozzi Saraiva
| 118.4k xp | 1 posts
Analista de sistemas

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!
por Natan Souza
| 2101.7k xp | 3699 posts
Instrutor Product Design Lead

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!