固定背景打印CSS



是否有办法将背景图像固定到滚动上的打印媒体查询?

我想把它用于网络打印解决方案。打印出来的每一页都应该有A4的背景,上面有logo和一些设计的东西。

你有什么想法吗?

这听起来像是你在问如何在每一页上都有相同的背景,而不管打印多少页。

如果是这种情况,您可以使用特殊的@page规则来指定所有打印页面的工作方式。这是分页媒体规范的一部分。

@page {
size: A4;
margin: 0.25in;
background: top left URL('myimg.png') no-repeat;
}

然而,大多数浏览器默认不打印背景图像.

有时你可以通过使用-webkit-print-color-adjust: exact;来打破这个默认值,但要注意这是非标准的,只能在webkit浏览器中工作。

一个更好的解决方案(如果图像与打印输出绝对完整)可能是在每页上绝对定位一个<img>,然后使用z-index将其定位在其他内容的后面。

最新更新