0

模板.html

{% block css-custom %}
    <link rel="stylesheet"  type="text/css" media="print" href="{{ STATIC_URL }}style/print.css" />
    <link rel="stylesheet"  type="text/css" media="screen" href="{{ STATIC_URL }}style/print.css" />
{% endblock %}

{% block main-content %}
''''''''''''''
<table width="100%" border="0" class="printimg">

            <tr><td>some data</td></tr></table>
'''''''''''''''''
{% endblock %}

我想将上面的图像设置为表格的背景。如果我在标签中设置相同的图像，它将显示，但作为背景它没有发生。作为 html 页面它正在工作，问题在于打印它在纸上。

在打印预览中，背景图像即将显示，但在纸上打印时，图像消失了。

编辑：

报告.css

.printimg {
           background:url('/static/images/human.png');
           width:128px;
           height:293px;
           background-position:center;"
          }

/* media:screen */
@media screen {
.printimg img{
    visibility: hidden;
}
}

/* media:print */
@media print {
.printimg img{
    visibility: visible;
}
}

我试过这个css，但同样的问题是他们的。

4

2 回答 2

6

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)

希望这有帮助！

于 2013-08-02T10:45:43.143 回答
0

这是一个浏览器设置，与 Django 无关。请参阅此线程如何在 HTML 中强制打印背景图像？

于 2013-07-31T14:48:25.367 回答