html - Qweb Report 的 css 在打印页面上不起作用

Question

我在 odoo 10 中做了一个 Qweb 的报告。将我的 css 放在标签中并将其放在“.page”类 div 中。像这样

<div class="page">

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

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

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

另外，我还有一个解决方案。如果我们应用此标记，它会反射(reflect)打印页面上的某些属性。

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

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

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

谢谢

Answer 1

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