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

＆＃13;

<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>

＆＃13;

使用CSS

1 个答案: