position - mPDF 绝对位置

Question

我需要从 HTML 输入生成 PDF 文件:

<div style="width: 14cm; height: 21cm; position: relative">
  <img src="bg-image.jpg" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0">
  <img src="image.jpg" style="width: 100px; height: 100px; position: absolute; left: 5cm; top: 5cm">
</div>

其中第一张图像是背景，第二张图像是用户输入(较小的照片)。

问题是，当我尝试使用 mPDF 库生成 PDF 文件时，图像未显示在一页上，但一个图像位于第一页上，第二个图像位于第二页上。所以我认为绝对定位不起作用，我不知道如何解决它。我无法使用第一张图像作为背景图像，因为它的自然尺寸小于它必须填充的背景区域。

请问您能给我一些建议吗？怎么了？

Answer 1

mPDF 仅支持position:absolute|部分固定 - 作为根元素，即它不会将 block 绝对定位在另一个 block 内。这是 mPDF 的一个已知限制。