我想打印（在浏览器中）一个带有 2 张图片的 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 有一个不错的可打印版本？
提前致谢！