wkhtmltopdfバージョン0.12.2.1を使用していますが、2つのイメージを含む各ページにヘッダーを追加しようとしています。私は両方の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へようこそ、私はリンクされたリソースの重要な部分を引用することをお勧めします、これはあなたの答えをはるかに良くするでしょう。他の人が書いた資料の参照についての詳細はこちら[here](http://stackoverflow.com/help/referencing) –