Qweb 报告的 css 无法打印页面

Question

我在odoo 10 做了一个Qweb 的报告。把我的css 放在tag 里，放在".page" class 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;"

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

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

谢谢

Answer 1

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

Qweb 报告的 css 无法打印页面

Qweb Report's css not working on printing pages

html

css

wkhtmltopdf

odoo-10

qweb