Водяной знак на столе с использованием CSS

Question

Я должен поставить водяной знак на каждой серии чеков, которые динамически генерируются вместе размером a5. Использование Rotativa и asp.net mvc5. Эти квитанции генерируются с таблицами, к сожалению, Не знаю, как это сделать,

<style>
.watermark {
    height: 95%;
    width: 85%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: 9999;
    opacity: 0.2;
    }
</style>

<div class="watermark" style="background: url('/content/Images/image.png') no-repeat; opacity : 0.4;"></div>
<table>
</table>

<div class="watermark" style="background: url('/content/Images/image.png') no-repeat; opacity : 0.4;"></div>
<table>
</table>

<div class="watermark" style="background: url('/content/Images/image.png') no-repeat; opacity : 0.4;"></div>
<table>
</table>

...... Генерируется только одно изображение, которое остается в верхнем левом углу первого чека. Мне нужна помощь с этим.

Answer 1

<style>
table tr td:first-child { background: url("https://www.gravatar.com/avatar/21e3102a092c9848a19de0fd6f07b6ab?s=48&d=identicon&r=PG&f=1");}
</style>
<table class="example-table">
  <tr><td>First column</td><td>Second column</td><td>Third column</td></tr>
  <tr><td>First column</td><td>Second column</td><td>Third column</td></tr>
  <tr><td>First column</td><td>Second column</td><td>Third column</td></tr>
</table>