打印帶有背景圖像的 HTML 頁面時未顯示文本

Question

我正在打印一個 HTML 圖像，它有一個背景 url，上面有一些格式化的文本。 但是，我注意到當我單擊打印預覽時，它只顯示背景圖像，而沒有動態放置在其上的文本。

<div class="certificado_pagina">
        <div class="certificado_conteudo">
            <!-- dynamic content goes here -->
        </div>
    </div>

這個類選擇器（certificado_pagina）繼承了背景圖片的url。

我已經將下面的 css 添加到 body 標簽中，但仍然沒有在背景圖像上顯示文本

@media print {
    body {
        content: url(../images/certificate.png);
        color: #000;
    }
}

請幫忙。 謝謝

Answer 1

如果您希望整個頁面 ro 具有背景圖像，則必須在body元素上指定背景圖像，如下所示：

<style>
body {
    background-image: url(...);
}
</style>