posizione assoluta mPDF

Question

ho bisogno di generare file PDF da input 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> 

dove prima immagine è di sfondo e la seconda immagine è l'input dell'utente (foto piccola).

Il problema è che quando provo a generare file PDF con la libreria mPDF, le immagini non vengono visualizzate su una pagina, ma un'immagine è sulla prima pagina, la seconda immagine è sulla seconda pagina. Quindi penso che il posizionamento assoluto non funzioni e non so come risolverlo. Non posso usare la prima immagine come immagine di sfondo perché le sue dimensioni naturali sono inferiori all'area di sfondo che deve riempire.

Potete darmi qualche consiglio, per favore? Che c'è?

Answer 1

non so mPDF ma se il problema è posizionamento assoluto si potrebbe utilizzare posizionamento galleggiante con margini negativi:

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

Answer 2

mPDF supporta solo posizione: assoluto | fissati parzialmente - come elementi radice cioè sarà non posizionare i blocchi assolutamente all'interno di un altro blocco. Questa è una limitazione nota di mPDF.