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

Question

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

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

这在 chrome 和 IE 中运行良好。

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

我知道 css 中的原因 postion : absolute 是导致问题的原因 但是如果我更改它我必须应用什么 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

将 position: absolute 更改为 position: fixed 然后它会在每个页面上呈现