1

html2pdfを実装したhttp://www.simpleinvoices.orgで請求書テンプレートを作成しようとしています。

私はドキュメントを読み、http://www.tufat.com/docs/html2ps/compatibility.css.2.1.htmlで、z-indexの互換性が「部分的であり、絶対位置のボックスのみでサポートされている」ことを発見しました。数値がサポートされています。」

私のレイアウトには透かし画像 (jpg) が必要ですが、解像度が 72ppp よりも高いため、背景を使用する代わりに、データ テーブルをコンテナー DIV にラップし、透かしを別の DIV にラップしようとしています。 -画像は通常どおり (CSS2.1 では背景画像のサイズをカスタマイズできません)。

CSS

#container{
    width:700px; 
    position: relative; /* changing to absolute doesn´t work either */
    display:block; 
    z-index:1 !important; 
    margin:15px auto; 
}

#watermark{
    width: 500px; /* image size */
    top:730px;
    left:253px;
    display:block;
    position: absolute;
    z-index:-1 !important;
}

HTML

<div id="container">    
    <table>
    ...
    </table>
</div>

<div id="watermark">    
    <img src="...">
</div>

HTML プレビューでは透かし画像の上にテーブルが表示され (正しい動作)、PDF では逆に (画像の下にテーブルが表示され、これは間違っています) 表示されるのはなぜですか?

解決策はありますか?

ティア

4

0 に答える 0