1

Firefoxブラウザの各ページにテキストと画像の組み合わせで透かしを表示したい。

透かし画像を追加し、次にテキストを1つのdivの最初の画像に追加してから、このテキストの後に表示します。

これはクロムと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

position: absolute を position: fixed に変更すると、各ページにレンダリングされます

于 2013-11-11T14:12:39.997 に答える