使用CSS或Rotativa的pdf中的水印

我正在使用rotativa在MVC中生成PDF。使用CSS或Rotativa的pdf中的水印

我想要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很可觀

來源

2015-10-24 Manoj

我已經按照

的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; 
     }

來源

2015-10-27 13:14:28 Manoj

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

不會工作

來源

2017-06-27 06:14:03

使用CSS或Rotativa的pdf中的水印

回答

相關問題