Filigrane en PDF en utilisant css ou Rotativa (PDF Generater)

Question

J'utilise Rotativa pour générer des PDF en MVC.

Je veux un filigrane dans toutes les pages de PDF, mais malheureusement, je n'y arrive pas.

J'ai également fait des recherches pour le rotativa mais je ne trouve pas de solution appropriée pour cela. Et puis j'ai essayé cela en utilisant CSS.

J'ai essayé

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> 

Il est fonctionne très bien pour la première page du PDF. Et je le veux dans toutes les pages de PDF. S'il vous plaît me suggérer une solution appropriée pour ce problème de filigrane.

Toute solution sera appréciable en utilisant CSS ou en utilisant rotativa

Answer 1

J'ai résolu mon problème en suivant

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> 

Gardez à l'esprit qui a mis étiquette sous l'élément du corps sinon il ne fonctionnera pas lorsque vous utilisez rotativa