Qweb Report 的 css 在打印页面上不起作用答案

【问题标题】：Qweb Report's css not working on printing pagesQweb Report 的 css 在打印页面上不起作用
【发布时间】：2018-04-05 08:56:34
【问题描述】：

我在odoo 10 中做了一个Qweb 的报告。把我的css 放在tag 中，放在".page" 类的div 中。像这样

<div class="page">

   <style type="text/css">
     .header,
     .footer {
         display: none !important;
     }
   </style>

</div><!--end of page-->

它在屏幕上运行良好，但是当我生成 PDF 或通过 CTRl + P 从屏幕上打印时。它不显示 CSS 颜色、背景、填充和边距。我咨询了以下link：

另外，我也有一个解决方案。如果我们应用这个标签，它会反映打印页面上的一些属性。

t-attf-style="background: #333;color: #FFF; padding: 10px 0px; margin: 0px 0px 0px 6px;"

除了这些选项之外，还有什么方法可以在打印页面上打印背景和一些不同的字体颜色。第一个链接没有进行任何更改，第二个解决方案不适用于所有属性，而且它非常花时间将此标签与所有 HTML 标签一起放置。

我从去年开始就面临这个问题。如果有人帮我解决这个问题，那将是很大的帮助和新的学习。

谢谢

【问题讨论】：

标签： html css wkhtmltopdf odoo-10 qweb

【解决方案1】：

好吧，正确的答案始终是通过定义和调用颜色字段的单独模块，就像在自定义发票模块中所做的那样。但我建议黑客。创建该颜色的图像并将它们放在具有 position: absolute 的区域上并调整其上的剩余（文本）。加上字体和其他东西 t-attf-style 效果很好。

【讨论】：