Я использую wkhtmltopdf версию 0.12.2.1 и пытаюсь добавить заголовок на каждую страницу, содержащую два изображения. Я пробовал использовать теги img и background-image стиль на div, ни один из которых не работает. Я также попытался добавить некоторый простой текст, и это тоже не отображается. То, что я вижу, это белая непрозрачная полоса, которая накладывается вверху страницы, отсекая все содержимое, которое у меня есть на вершине. Как ни странно, я попытался изменить значение высоты div верхнего уровня, и по мере увеличения значения результирующая высота белой полосы фактически уменьшается. Любая идея, что может быть причиной этого, и как я могу это исправить?wkhtmltopdf header-html отображает пустую область, даже с doctype
Вот содержимое заголовка 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>
Добро пожаловать в stackoverflow, я бы предложил вам указать важные части связанного ресурса, это значительно улучшит ваш ответ. Вы можете больше узнать о ссылках на материал, написанный другими [здесь] (http://stackoverflow.com/help/referencing) –