我正在使用rotativa在MVC中生成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
,任何解决方案都会很明显答案 0 :(得分:0)
我已按照
解决了我的问题<强> 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;
}
答案 1 :(得分:0)
<强> 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>
请记住,将标签放在body元素下,否则当您使用rotativa
时它不会起作用