J'utilise wkhtmltopdf version 0.12.2.1 et j'essaie d'ajouter un en-tête à chaque page qui contient deux images. J'ai essayé à la fois en utilisant des balises img et background-image style sur un div, qui ne fonctionne pas. J'ai également essayé d'ajouter du texte brut, et cela n'apparaît pas non plus. Ce que je vois est une bande blanche opaque qui recouvre en haut de la page, coupant tout contenu que j'ai près du sommet. Bizarrement, j'ai essayé de changer la valeur de hauteur de la div de niveau supérieur, et comme j'augmente la valeur, la hauteur résultante de la bande blanche diminue réellement. Une idée de ce qui pourrait causer cela, et comment je serais capable de le réparer?wkhtmltopdf header-html affiche la zone vide, même avec doctype
Voici le contenu du fichier HTML d'en-tête:
<!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>
Bienvenue sur stackoverflow, je vous suggère de citer les parties importantes de la ressource liée, cela rendrait votre réponse beaucoup mieux. Vous pouvez en savoir plus sur le référencement de documents écrits par d'autres [ici] (http://stackoverflow.com/help/referencing) –