Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在django中设置打印页面（模板）中的背景图像 CSS: HTML: 一些数据_Html_Css_Django_Django Templates - Fatal编程技术网
Fatal编程技术网
  • html/
  • 如何在django中设置打印页面（模板）中的背景图像 CSS: HTML: 一些数据

如何在django中设置打印页面（模板）中的背景图像 CSS: HTML: 一些数据

html css django

如何在django中设置打印页面（模板）中的背景图像 CSS: HTML: 一些数据,html,css,django,django-templates,Html,Css,Django,Django Templates,上面的HTML在我的应用程序的django中用作打印模板。我的问题是，我使用上面的CSS将背景图像应用于打印页面。但是如果我按下打印按钮并看到打印预览，背景图像就会丢失。我还检查了在纸上打印，图像丢失。在css文件中不能使用静态URL。您只能在模板中使用它。如果要打印背景图像，请按照以下步骤操作 1.要在Chrome和Safari web浏览器中启用背景打印，请添加 <table id="human-body" class="print" > <tr>

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

在css文件中不能使用静态URL。您只能在模板中使用它。

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

1.要在Chrome和Safari web浏览器中启用背景打印，请添加

<table id="human-body" class="print" >
    <tr>
        <td>some data</td>
    </tr>
</table>
在print.css文件中，rest都是相同的

2.在FireFox中，默认情况下，在打印设置中关闭“打印背景颜色和图像”，
没有CSS会覆盖该设置。

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

在FF中打开背景的步骤：

-webkit-print-color-adjust:exact;
在css如何设置图像url中，我使用djangoJust编写完整链接：
background:url（'../images/human.png'）这种方式我也尝试过，但表的背景图像不适用。迟回答，我解决了它也参考了这个线程

-webkit-print-color-adjust:exact;



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