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

Question

我正在尝试为水印添加以下样式。当我尝试在 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>

有什么办法可以在所有页面打印水印

看看这个 fiddle :http://jsfiddle.net/gskzkb8g/

Answer 1

我认为这是由于position:fixed。网络没有 native 分页，它只是一个长页面。当您滚动时，您的 position fixed 将保留在视口(viewport)中，但当您在 ​​Chrome 中打印时它只会出现一次。

我认为您尝试做的事情是不可能的。另请查看此 SO 答案:https://stackoverflow.com/a/5886308/1236396