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>

有没有办法可以用来在所有页面中打印水印

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

Answer 1

我认为这是由于position:fixed。网络没有本地分页，它只是一个长页面。当您滚动时，position fixed将保留在视口中，但只有在Chrome中打印时才会显示一次。

我认为你想要做的事情是不可能的。另请看这个答案：https://stackoverflow.com/a/5886308/1236396

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

1 个答案: