MPDF vị trí tuyệt đối

Question

tôi cần phải tạo tập tin PDF từ đầu vào HTML:

<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> 

nơi hình ảnh đầu tiên là nền và hình ảnh thứ hai là sử dụng đầu vào (ảnh nhỏ).

Vấn đề là khi tôi cố gắng tạo tệp PDF với thư viện mPDF, hình ảnh không được hiển thị trên một trang, nhưng một hình ảnh ở trên trang đầu tiên, hình ảnh thứ hai nằm trên trang thứ hai. Vì vậy, tôi nghĩ rằng vị trí tuyệt đối không hoạt động và tôi không biết làm thế nào để sửa chữa nó. Tôi không thể sử dụng hình ảnh đầu tiên làm hình nền vì kích thước tự nhiên của nó nhỏ hơn diện tích nền mà nó phải lấp đầy.

Bạn có thể cho tôi một số lời khuyên không? Chuyện gì thế?

Answer 1

Tôi không biết MPDF nhưng nếu vấn đề là vị trí tuyệt đối bạn chỉ có thể sử dụng định vị phao với lợi nhuận tiêu cực:

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

Answer 2

MPDF chỉ hỗ trợ position: absolute | cố định một phần - như các yếu tố gốc tức là nó sẽ không phải khối vị trí hoàn toàn bên trong khối khác. Đây là giới hạn được biết của mPDF.