mPDF位置绝对

前端之家收集整理的这篇文章主要介绍了mPDF位置绝对前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要从 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文件时,图像不会显示在一个页面上,但是一个图像在第一页上,第二个图像在第二页上.所以我认为绝对定位不起作用,我不知道如何解决它.我不能将第一张图像用作背景图像,因为它的自然尺寸小于它必须填充的背景区域.

你能给我一些建议吗?怎么了?

解决方法

mPDF仅支持position:absolute | fixed partial – 作为根元素,即它不会将块绝对定位在另一个块中. 这是mPDF的已知限制.

猜你在找的CSS相关文章