使用css或Rotativa的Pdf中的水印(PDF生成器)

时间:2015-10-24 10:35:15

标签: css asp.net-mvc watermark rotativa

我正在使用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

,任何解决方案都会很明显

2 个答案:

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

时它不会起作用