1

我正在尝试使用已实现html2pdf的http://www.simpleinvoices.org构建发票模板。

我已阅读文档并在http://www.tufat.com/docs/html2ps/compatibility.css.2.1.html我发现z-index兼容性是“部分的，仅支持绝对定位框；仅支持数值”。

我的布局需要一个水印图像（它是 jpg），但分辨率高于 72ppp，这就是为什么我试图将数据表包装到容器 DIV 并将水印包装到另一个容器中，而不是使用背景-image 像往常一样（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 中显示相反（图像下方的表格，这是错误的）？

请问有什么解决办法吗？

TIA

4

0 回答 0