Question

我正在使用我的amazon ubuntu实例上的wkhtmltopdf来生成发票的PDF。该页面是PHP。除了html div标签的背景颜色外，一切正常。边框颜色正常。 wkhtmltopdf中是否有任何设置可以打印div标签的背景颜色？

我尝试了bgcolor，css和内联样式，我也检查了在Table结构中转换页面，但这些都没有帮助。

Answer 1

我也有这个问题，而css就在同一个HTML文件中。对我来说，诀窍最终变得有点神秘，重要的是＃34;在background-color标签的末尾，如：

＆＃13;

background-color: #f2f4f7 !important;

＆＃13;

Answer 2

如果您可以通过将!important添加到CSS规则来解决此问题然后你有@media print规则妨碍

例如，就我而言，我已经包含了CSS规则：

@media print {
    background: transparent !important; /* <= DISABLES backgrounds */
}

其中许多@media print规则!important我希望为我的PDF删除以获取某些样式的目标HTML

Answer 3

尤其是当您从Google App脚本生成PDF时，请使用此功能

@media print 
{
.class 
{
     background-color: #1a4567 !important;
     -webkit-print-color-adjust: exact;
}
}

Answer 4

我遇到了同样的问题，边框颜色起作用了，但是背景颜色却没有。

对我唯一有效的方法是直接在background-color中设置div。例如：

<div style="background-color: rgb(81, 130, 187) !important;"></div>

别忘了在最后使用!important。

Answer 5

对于面临此问题的其他任何人，未通过接受的答案解决 - 您可能指定了以下无背景配置 -

[
    'binary' => 'D:\Program Files\wkhtmltopdf\bin\wkhtmltopdf.exe',
    'commandOptions' => [
        'print-media-type',
        'page-size' => 'Ledger',
        'no-background'
    ]
]

删除“无背景”配置，背景颜色将显示。

wkhtmltopdf div背景颜色

5 个答案: