html - 如何在 django 的打印页面（模板）中设置背景图像

Question

table.print{
    width:123px;
    height:298px;
    background-position:center;
    background:url('{{ STATIC_URL }}images/human.png'); 
}

<table id="human-body" class="print" >
    <tr>
        <td>some data</td>
    </tr>
</table>

上面的 HTML 在我的应用程序中用作 django 中的打印模板。我的问题是，我使用上面的 CSS 将背景图像应用到打印页面。但是，如果我按下打印按钮并看到打印预览，则缺少背景图像。我也检查了用纸打印它，图像丢失了。

score 1 · Accepted Answer

如果您要打印背景图像，请按照以下步骤操作

1.在 Chrome 和 Safari 网络浏览器中启用后台打印添加

-webkit-print-color-adjust:exact;

在你的 print.css 文件中，其余的都是一样的

2.在FireFox"Print Background colours and images"的打印设置里默认是关闭的，no CSS will override that.

如果需要背景图像，用户应手动打开。

FF开启背景步骤：

Go to File -->Page setup -->Formats & Options -->Tick Print background(images & colors)

score 0 · Accepted Answer

0

您不能在 css 文件中使用 STATIC_URL。您只能在模板中使用它。

于 2013-06-11T07:24:47.417 回答

2 回答 2