HTML中的水印不会打印在所有页面中

Watermark in HTML does not get printed in all pages

本文关键字：打印 HTML      更新时间：2023-09-26

我正在尝试添加以下水印样式。当我尝试在Chrome中打印时，水印只出现在第一页。它在firefox和IE中运行良好。

<style type="text/css">
#watermark {
  color: #d0d0d0;
  font-size: 90pt;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 100;
  opacity: 0.5;
}
</style>
<div id="watermark">
<p>WaterMark</p>
</div>

有没有任何方法可以用来打印所有页面的水印

看看这把小提琴：http://jsfiddle.net/gskzkb8g/

我认为这是由于position:fixed。网络没有原生的分页，它只是一个长页面。滚动时，position fixed将停留在视口中，但在Chrome中打印时只显示一次。

我认为你想做的是不可能的。也可以看看这个SO答案：https://stackoverflow.com/a/5886308/1236396

相关文章：