Versiones:

• titiritero: "^10.1.0"
• Nodo: v14.17.5

El código funciona bien y me da el PDF transparente perfecto usando omitBackground:true . Pero cuando uso headerTemplate o footerTemplate perdí la transparencia del PDF, parece que usar omitBackground:true con headerTemplate o footerTemplate no funciona. Cuando comento el código para headerTemplate o footerTemplate , obtengo un PDF transparente perfecto, pero también necesito encabezados y pies de página.

A continuación se muestra el pdfOptions de muestra que estoy usando para la generación de PDF

 const pdfOptions = { displayHeaderFooter: true, footerTemplate: '<div style="color: lightgray; border-top: solid lightgray 1px; font-size: 10px; padding-top: 5px; text-align: center; width: 100%; background:transparent !important; background-color:rgba(0,0,0,0) !important;"> <span>This is a test message</span> - <span class="pageNumber"></span> </div>', format: 'A4', margin: { bottom: 70, // minimum required for footer msg to display left: 25, right: 35, top: 30, }, printBackground: true, omitBackground:true } await page.pdf(pdfOptions); await page.close();

Traté de usar css para hacer transparente el fondo configurando

 "background:transparent !important,background-color:rgb(0,0,0,0) !important

al footertemplate html, pero no funcionó.

PD: también lo planteé en github. https://github.com/puppeteer/puppeteer/issues/8152