Question

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

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

这在Chrome和IE浏览器中运行良好。

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

我知道原因如css postion：绝对导致问题但是如果我改变它，那么我必须应用什么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

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

通过css在Firefox中无法在每页上打印水印文本和图像

1 个答案: