title: Watermark on table using CSS
body: <p>I have to put a watermark each on  a series of receipts which are dynamically generated together a5 size. Using Rotativa  and asp.net mvc5.  These receipts are generated with tables unfortunately,  Not sure how to do this,</p>
  
  <pre><code>&lt;style&gt;
  .watermark {
      height: 95%;
      width: 85%;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      z-index: 9999;
      opacity: 0.2;
      }
  &lt;/style&gt;
  
  &lt;div class="watermark" style="background: url('/content/Images/image.png') no-repeat; opacity : 0.4;"&gt;&lt;/div&gt;
  &lt;table&gt;
  &lt;/table&gt;
  
  &lt;div class="watermark" style="background: url('/content/Images/image.png') no-repeat; opacity : 0.4;"&gt;&lt;/div&gt;
  &lt;table&gt;
  &lt;/table&gt;
  
  &lt;div class="watermark" style="background: url('/content/Images/image.png') no-repeat; opacity : 0.4;"&gt;&lt;/div&gt;
  &lt;table&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>......
  Only one image is generated which stays at the top left of the first receipt.
  I need help with this. </p>