Quiero poder diseñar una página HTML de tipo 'volante', con una altura y un ancho específicos, y poder imprimirla en una hoja de papel. Estoy usando papel Carta normal y tengo sus dimensiones establecidas en un div . Sin embargo, después de imprimir en el navegador, con el div con un color de fondo establecido, no aparece nada en la ventana emergente de impresión, ya que cree que está en blanco. También tengo miedo de que la impresión interfiera con el CSS si le doy estilo a cierto texto. ¿Cómo puedo clonar perfectamente el div para imprimir como con html2canvas ?
<!DOCTYPE html> <html> <body> <div style="height:1054px;width:816px;background-color:red;position:absolute;top:0;left:0"> </div> </body> </html>Oye, hay una forma de decir que quieres imprimir algo usando @media print . Pero la verdadera magia es el " webkit-print-color-adjust " para decir: "¡imprime el fondo!" :)
@media print { div { background-color: #red !important; -webkit-print-color-adjust: exact; } }