0
私はwkhtmltopdfでいくつかのhtmlを出力しており、カスタムヘッダーとフッターを使用しています。Wkhtmltopdfの一貫性のない出力
次のようにヘッダーHTMLは次のとおりです。
<!doctype html>
<html>
<head>
<style>
body {
font-size: 12px;
margin: 0;
padding: 0;
}
.page-header {
background: #2A5266 -webkit-linear-gradient(
left,
#cbd5da 0,
#cbd5da 50pt,
white 50pt,
white 75pt,
#cbd5da 75pt,
#cbd5da 100pt,
white 100pt,
white 125pt,
#2A5266 125pt,
#2A5266
);
height: 72pt;
border: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
display: block;
}
</style>
</head>
<body>
<div class="page-header">
</div>
</body>
</html>
フッターのHTMLは次のとおりです。
<!doctype html>
<html>
<head>
<style>
body {
font-size: 12px;
margin: 0;
padding: 0;
}
.page-footer {
background: #2A5266 -webkit-linear-gradient(
left,
#cbd5da 0,
#cbd5da 50pt,
white 50pt,
white 75pt,
#cbd5da 75pt,
#cbd5da 100pt,
white 100pt,
white 125pt,
#2A5266 125pt,
#2A5266
);
height: 26pt;
border: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
display: block;
}
</style>
</head>
<body>
<div class="page-footer"></div>
</body>
</html>
そして、次のように私が使用しているコマンドは次のとおりです。
wkhtmltopdf -L 0cm -R 0cm -T 2.75cm -B 0.7cm -O landscape --footer-html http://foo.com/footer --header-html http://foo.com/header --header-spacing 5 http://foo.com/html output.pdf
すべて100％正しく動作していますが、ヘッダーは直線勾配を使用していません。線状の勾配に似ていますが、ヘッダは単なる濃い青色であるため、完全に無視されます。ご覧のように、ヘッダーとフッターのhtmlはほぼ同じなので、ヘッダーではなくフッターでは機能しません。
ヘッダーのposition:absoluteを変更すると、ヘッダーのグラデーションが表示されますが、その他の問題が多すぎます。
あなた自身の答えを受け入れることができます。 – Nenotlep