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 | fixed partial - 作为根元素,即它不会将块绝对定位在另一个块中.这是mPDF的已知限制.

Answer 2

我不知道mPDF,但如果问题是绝对定位,你可以使用带有负边距的浮点定位:

<img src="image.jpg" style="float: left; margin: -16cm 0 0 -9cm" />