2017-02-22 5 views
0

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> 

答えて

0

あなたはPDFオプション]セクションのヘッダーファイルを追加する必要があります。 https://wkhtmltopdf.org/usage/wkhtmltopdf.txt

+0

ようこそstackoverflowへようこそ、私はリンクされたリソースの重要な部分を引用することをお勧めします、これはあなたの答えをはるかに良くするでしょう。他の人が書いた資料の参照についての詳細はこちら[here](http://stackoverflow.com/help/referencing) –

関連する問題