Javascript 强制浏览器在chrome、firefox上打印背景图像

我有一个网页，其中包含一些背景图像和css颜色，但当我使用

ctrl+p

打印页面时，它显示的页面打印预览没有css和背景颜色

我有一个

div

元素，它具有inline-style属性（因为div的背景图像将使用for-loop-in-coding动态选择），如下所示

但是我不知道如何用我在上面的div中的内联css（

style='background-image:url（'/static/images/print\u%s.png'）

）编写这个媒体css

---

那么，当某些用户单击

ctrl+p

？

时，如何使用内联css编写媒体css，以使背景图像在打印预览中默认可见？如何使用

@media print

方法

@media print {
body {
   content:url(background.jpg);
  }
}

---

在提供打印选项时，有一些设置，您可以选择许多选项来打印背景图像或不打印背景图像。

这将对您有所帮助。它适用于FF和Chrome。首先设置

！重要信息

对于内联css，如上文所述，我将在for循环中选择不同的背景图像，因此我使用内联属性作为背景图像，我是否如上所述编写媒体css，然后我必须为div显示固定的背景图像，对吗？我将使用动态背景图像在for循环中生成上述div。幸运的是，内联样式只能包含声明。从2018年5月10日起，这种方法在IE、Edge、FF、Chrome、Opera和Safari的所有当前版本中都适用。谢谢

@media print {
.assessment {
   visble:visible;
  }
}

@media print {
body {
   content:url(background.jpg);
  }
}

@media print {
  -webkit-print-color-adjust: exact;
}