Question

我正在使用wkhtmltopdf版本0.12.2.1并尝试向包含两个图像的每个页面添加标题。我已尝试在div上使用img标签和background-image样式，两者都不起作用。我也试过添加一些纯文本，但也没有出现。我所看到的是一个白色的不透明条纹覆盖在页面的顶部，切断了我在顶部附近的任何内容。奇怪的是，我已经尝试更改顶级div的高度值，并且当我增加该值时，白色条带的最终高度实际上会降低。任何想法可能导致这种情况，以及我将如何解决它？

以下是标题HTML文件的内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
    .rm-pdf-header {
        height: 60px;
        width: 100%;
        background-image: url(/img/banner1.png);
        background-size: cover;
        background-repeat: repeat-x;
        color: #fff;
        position: relative;
    }
    .rm-pdf-header-arrow {
        position: absolute;
        background-image: url(/img/image2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 90px;
        height: 90px;
        top: 26px;
        right: 26px;
    }
    </style>
</head>
<body>
    <div class="rm-pdf-header">
        <div class="rm-pdf-header-arrow"></div>
    </div>
</body>
</html>

Answer 1

您必须在PDF选项部分添加头文件。阅读：https://wkhtmltopdf.org/usage/wkhtmltopdf.txt

的页眉和页脚部分

wkhtmltopdf header-html显示空白区域，即使是doctype

1 个答案: