1

我想在 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);
   }

谁能帮我?

提前致谢...

4

1 回答 1

1

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

于 2013-11-11T14:12:39.997 回答