\

Hi,

In Odoo 13, I have a background image which is displayed very well when I print one invoice.

BUT when I print multiple invoices, half the time, this image is displayed as it should.

Sometimes display, sometimes not. Like randomly.

I don't understand at all.

Here is my code:

<div class="col-12"
    style="
    background:url(/adquat_invoice_print/static/img/bor_chenet.jpg);
    background-repeat: no-repeat;
    background-size: 840px auto;
    font-size:8pt; width: 100%; height: 220px;">

    <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:25pt" >
        <span style="color:white" t-esc="'.'"/>
    </div>
    <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" >
        <span style="color:white" t-esc="'.'"/>
        <span style="margin-left:50px; width:117px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-field="o.amount_total"/>
        <span style="width:102px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-field="o.invoice_date"/>
        <span t-if="o.invoice_date_due" style="width:102px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-field="o.invoice_date_due"/>
        <!-- <span t-if="not adquat_date_due" style="width:102px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:white;" t-esc="'.'"/> -->
        <span style="margin-left: 20px; width:102px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-field="o.partner_id.ref"/>
        <span style="width:210px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:white;" t-esc="'.'"/>
        <span t-esc="o.amount_total"/>
    </div>
    <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" >
        <span style="color:white" t-esc="'.'"/>
    </div>
    <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22pt;" >
        <span style="color:white" t-esc="'.'"/>
    </div>
    <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" >
        <span style="color:white" t-esc="'.'"/>
        <span style="margin-left:10px; width:50px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-if="o.partner_id.bank_ids.bank_code" t-esc="o.partner_id.bank_ids.bank_code"/>
        <span style="width:65px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-if="o.partner_id.bank_ids.agency_code" t-esc="o.partner_id.bank_ids.agency_code"/>
        <span style="width:115px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-if="o.partner_id.bank_ids.acc_number" t-esc="o.partner_id.bank_ids.acc_number"/>
        <span style="width:278px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-if="o.partner_id.bank_ids.key" t-esc="o.partner_id.bank_ids.key"/>
        <span style="margin-left: 60px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" t-if="o.partner_id.bank_ids.bank_id" t-esc="o.partner_id.bank_ids.bank_id.name"/>
    </div>
    <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" >
        <span style="color:white" t-esc="'.'"/>
        <div style="margin-top: 10px; margin-left:290px; width:300px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" name="address" t-att-class="colclass">
            <t t-raw="address"/>
        </div>
    </div>
</div>

If anyone can help me.

Best regards.

Thank you.