javascript - los colores de fuente cambian al imprimir

printing colors

Question

Tengo un problema realmente desconcertante aquí. Tengo una tabla que está construida dinámicamente (probablemente un hecho sin importancia aquí, pero para que lo sepas). En la página web, tengo el texto configurado como colores particulares en función de los criterios lógicos. En la página, se ve genial. Cuando se va a imprimir la vista previa (y en realidad la impresión), los colores son muy diferentes.

En mi código, los colores son: Rojo - FF0000 Naranja - FF8300 Amarillo - FFFF00

La imagen a continuación muestra la página y luego los colores de impresión a la izquierda y a la derecha, respectivamente. Tenga en cuenta que no me importa el color de fondo. Puede ver claramente que los colores son mucho más distintos en la página que en la vista previa de impresión ... y el amarillo ni siquiera es amarillo en absoluto.

¿Alguna idea de por qué está pasando esto?

Answer 1

Debe habilitar "Imprimir colores e imágenes de fondo" .

Esto, por alguna razón, también corrige los colores de primer plano. Cuando no está marcada, la impresión está en modo económico.

Tiros antes y después:

Web Render: Imprimir antes: Imprimir después:

Página de muestra utilizada:

<table border=1>
...

Con CSS:

th {
font-family: Arial;
color:#244169;
background:#d8ebf9;
}
td {
font: bold 10pt Courier;
background: #f1f5f8;
}
.red {
color: #ff0000;
}
.orange {
color: #ff8300;
}
.yellow {
color: #ffff00;
}

Opciones de Internet:

Tenga en cuenta que en Herramientas -> Opciones de Internet -> Avanzado desplácese hacia abajo para Imprimir , hay una opción para Imprimir colores de fondo e imágenes . Esto no afecta a la "Vista previa de impresión" ni a la impresión. Por lo menos no aquí. (Solo probado en Windows XP ya que es el único lugar donde tengo IE8).

Sin embargo, configurándolo en Vista previa de impresión , lo establece permanentemente. De nuevo; al menos aquí. Afecta tanto a la impresión directa como a la vista previa de impresión.