pozycja mPDF absolutny

Question

muszę wygenerować plik PDF z HTML wejściowych:

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

gdzie pierwszy obraz jest tło i drugi obraz jest wejście użytkownika (mniejsze zdjęcie).

Problem polega na tym, że kiedy próbuję wygenerować plik PDF z biblioteką mPDF, obrazy nie są wyświetlane na jednej stronie, ale jeden obraz jest na pierwszej stronie, drugi obraz na drugiej stronie. Uważam więc, że pozycjonowanie absolutne nie działa i nie wiem jak to naprawić. Nie mogę użyć pierwszego obrazu jako obrazu tła, ponieważ jego naturalne wymiary są mniejsze niż obszar tła, który musi wypełnić.

Czy możesz mi doradzić? Co jest nie tak?

Answer 1

nie wiem mPDF ale jeśli problem jest pozycjonowanie bezwzględne można po prostu użyć pozycjonowanie pływaka z negatywnych marginesów:

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

Answer 2

mPDF obsługuje tylko position: absolute | trwałych częściowo - jako elementy korzeniowe czyli to będzie nie ustawiaj bloków absolutnie wewnątrz innego bloku. Jest to znane ograniczenie mPDF.