Водяной знак в Pdf, используя css или Rotativa (создатель PDF)

Question

Я использую rotativa для генерации PDF в MVC.

Я хочу водяной знак на всех страницах PDF, но, к сожалению, я этого не добился.

Я исследовал также для rotativa, но не могу найти подходящего решения для этого. И затем я попробовал это с помощью CSS.

Я попробовал этот

CSS

#background { 
      position: absolute; 
      display: block; 
      min-width: 100%; 
      opacity: 0.5; 
      text-align: center; 
      background-color: transparent; 
      padding-top:50%; 
     } 
     #bg-text { 
      color: lightgrey; 
      font-size: 120px; 
      transform: rotate(300deg); 
      -webkit-transform: rotate(300deg); 
      opacity: 0.9; 
      filter: alpha(opacity=50); 
      background-color: transparent; 
     } 

HTML

<div id="background"> 
      <p id="bg-text">Draft</p> 
     </div> 

Это прекрасно работает для первой страницы PDF. И я хочу это на всех страницах PDF. Пожалуйста, предложите мне правильное решение этой проблемы с водяным знаком.

Любое решение будет заметно при помощи CSS или с помощью rotativa

Answer 1

я решил мою проблему, следуя

Html

<div class="watermark" style="background: url('../Images/watermark.png');"></div> 

CSS

.watermark { 
      height: 95%; 
      width: 90%; 
      position: absolute; 
      top: 0; 
      bottom: 0; 
      right: 0; 
      left: 0; 
      background-repeat: repeat-y; 
      z-index: 9999; 
      opacity: 0.2; 
     } 

Answer 2

HTML

<div class="watermark" style="font-family: Calibri; border-left: 1px solid lightgrey; border-right: 

     <style type="text/css"> 
      .watermark { 
       background-image: url("../../Resources/Watermark/Draft5.png"); 
       background-repeat: repeat-y; 
       top: 0; 
       left: 0; 
       z-index: 100000; 
      } 
     </style> 

Имейте в виду, что поставить тег под элемента тела в противном случае он не будет работать, если вы используете rotativa