Javascript 具有webkit遮罩框图像样式的打印元素

我想（在浏览器中）打印一个有两张图片的div。一个div（#pic1）有一个狮子的背景图像，另一个div（#pic2）是相同的图片，但样式为“-webkit mask box image”和背景色（Photoshop中的一种颜色叠加）

HTML代码如下所示：

<section id="page">
  <div id="pic1">
  </div>
  <div id="pic2">
  </div>
</section>

在浏览器中，一切看起来都很好。就像我想要的。见下图

但是一旦我想打印我的页面，第二个div（#pic2）就不见了。我只看到一个黑色的长方形。见下图：

有没有一种方法可以把我的第二个div打印出来

---

提前谢谢

在文章中，它这样说：此功能是非标准的，不在标准轨道上。不要在面向Web的生产站点上使用它：它不会适用于所有用户。实现之间也可能存在很大的不兼容性，将来行为可能会发生变化。如果您至少发布您使用的css，或者更好地发布一个，也许有人可以提出一个修复方案。