Php wkhtmltopdf标题html显示空白区域，即使使用doctype_Php_Wkhtmltopdf

Php wkhtmltopdf标题html显示空白区域，即使使用doctype

php

Php wkhtmltopdf标题html显示空白区域，即使使用doctype,php,wkhtmltopdf,Php,Wkhtmltopdf,我正在使用wkhtmltopdf版本0.12.2.1，并试图为包含两个图像的每个页面添加标题。我试过在div上同时使用img标签和背景图像样式，两者都不起作用。我还尝试添加一些纯文本，但也没有出现。我看到的是一条白色不透明的条纹，它覆盖在页面顶部，切断了我在顶部附近的任何内容。奇怪的是，我尝试更改顶级div的高度值，随着该值的增加，白色条带的高度实际上会降低。你知道是什么原因造成的吗？我怎样才能修复它以下是标题HTML文件的内容： <!DOCTYPE html> <html

我正在使用wkhtmltopdf版本0.12.2.1，并试图为包含两个图像的每个页面添加标题。我试过在div上同时使用img标签和

背景图像样式，两者都不起作用。我还尝试添加一些纯文本，但也没有出现。我看到的是一条白色不透明的条纹，它覆盖在页面顶部，切断了我在顶部附近的任何内容。奇怪的是，我尝试更改顶级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>


.rm pdf标题{
高度：60px；
宽度：100%；
背景图片：url（/img/banner1.png）；
背景尺寸：封面；
背景重复：重复-x；
颜色：#fff；
位置：相对位置；
}
.rm pdf标题箭头{
位置：绝对位置；
背景图片：url（/img/image2.png）；
背景尺寸：包含；
背景重复：无重复；
宽度：90px；
高度：90px；
顶部：26px；
右：26px；
}
您必须在PDF选项部分添加头文件。阅读：
的页眉和页脚部分。您必须在PDF选项部分添加页眉文件。阅读：
欢迎来到stackoverflow，我建议您引用链接资源的重要部分，这将使您的答案更好。欢迎来到stackoverflow，我建议你引用链接资源的重要部分，这将使你的答案更好。您可以阅读更多关于引用他人编写的材料的信息