Html 生成的报告在打印时丢失了一些元素

我的公司使用一个软件系统，可以生成报告并将其导出为各种格式。其中一种格式是HTML，它确实看起来不错，并且保持了报告的真实性。但是，当我打印报告时，页面上的某些元素无法打印。它们大多是一些风格上的东西，比如作为区域边界的线条。在Chrome或Firefox中查看时，它们都在那里，但当您转到打印时，它们会立即消失

所有内容均采用内嵌css样式，例如：

<div style="page-break-inside:avoid;page-break-after:always;">

黄色条不会打印，也不会打印右边桌子周围的边框

---

有没有想过是什么原因造成的

打印时，浏览器默认禁用背景图形。您可以在打印时在浏览器中启用它们。在chrome中，您将在更多设置->选项下找到该选项！非常感谢你！就这样！打印时，浏览器默认禁用背景图形。您可以在打印时在浏览器中启用它们。在chrome中，您将在更多设置->选项下找到该选项！非常感谢你！就这样！

<span style="position:absolute;top:0.09388888in;left:0.7161965in;width:6.658803in;height:0.2861111in;font-family:Arial;font-size:14pt;color:Black;font-weight:bold;vertical-align:top;background-color:#FFFFFF;"><nobr>Report</nobr></span>

https://jsfiddle.net/otictac1/60pahz8e/