Problemas de impresión de CSS @media con el color de fondo;
Estoy intentando crear una hoja de estilo imprimible para nuestra aplicación, pero tengo problemas background-colorcon @media print.
@media print {
#header{display:none;}
#adwrapper{display:none;}
td {
border-bottom: solid;
border-right: solid;
background-color: #c0c0c0;
}
}
Todo lo demás funciona, puedo modificar los bordes y demás, pero background-colorno aparece en la impresión. Ahora entiendo que es posible que no puedan responder mi pregunta sin más detalles. Sólo tenía curiosidad por saber si alguien había tenido este problema o algo similar antes.
Para habilitar la impresión en segundo plano en Chrome:
body {
-webkit-print-color-adjust: exact !important;
}
Editar: Para Chrome, Safari y Firefox:
body{
-webkit-print-color-adjust:exact !important;
print-color-adjust:exact !important;
}
SI un usuario tiene "Imprimir colores e imágenes de fondo" desactivado en su configuración de impresión, ningún CSS lo anulará, así que siempre tenga eso en cuenta. Esta es una configuración predeterminada .
Una vez que esté configurado para que imprima colores e imágenes de fondo, lo que tenga allí funcionará.
Se encuentra en diferentes lugares. En IE9beta se encuentra en Imprimir->Opciones de página en Opciones de papel
En Firefox está en Configuración de página -> pestaña [Formato y opciones] en Opciones.
Entiendo:
CSS:
box-shadow: inset 0 0 0 1000px gold;
Funciona para todas las cajas, incluidas las celdas de la tabla.
- (¿Si hay que creer en el archivo de salida de la impresora PDF...?)
- Sólo probado en Chrome + Firefox en Ubuntu...
Prueba esto, funcionó para mí en Google Chrome:
<style media="print" type="text/css">
.page {
background-color: white !important;
}
</style>
