css - 通过css在每个页面上打印水印文本和图像在Firefox中不起作用

Question

我想在 Firefox 浏览器的每个页面上显示带有文本和图像组合的水印。

我已经添加了水印图像，然后在一个 div 第一个图像中添加文本，然后在此文本之后出现。

这在 chrome 和 IE 中运行良好。

当我想在 Mozilla 中打印时，所有水印都出现在第一页而不是每一页上。

我知道css位置中的原因：绝对是导致问题的原因，但是如果我更改它，我必须应用什么css，那么它不会作为水印出现。

   <div class="watermark">
      <div><img src="/images/watermark_logo.png" /></div>
      <div class="watermark_text">
       printed from test site
       by site
      </div>
    </div>

  .watermark_text
  {
    width: 100%;
    color: #d0d0d0;
    font-size: 5.5em;
    text-align: center; 
    margin: 0 auto;
    z-index: 10000;
    opacity: 0.2;
    filter: alpha(opacity=15);
    white-space: normal;
    word-wrap: break-word !important;
    overflow: visible;
  }
  .watermark
   {
      display:block;
      z-index: 99999; 
      width: 86%;
  position:absolute;

  text-align:center!important;
   }
   .watermark img
   {
    opacity: 0.2;
    filter: alpha(opacity=15);
   }

谁能帮我？

提前致谢...

Answer 1

将您的位置：绝对更改为位置：固定，然后它将在每个页面上呈现