html - 如何在网页背景中保留水印？

Question

我是一名 Pega 开发人员，从不花很多时间在网页上工作。我想创建一个 pdf。在 Pega 中，它将从 html 页面创建。我需要保留水印草稿作为背景吗？

我尝试了以下代码，但是当我将它包含在我的代码中时，它正在创建为单独的 div，下一个 div 会出现在下一页上吗？而且草稿不会出现在后台中间吗？`

<div style="position:absolute;z-index:0;background:white;display:block;min-height:50%; min-width:50%;color:yellow;">

<p style="color:steelblue;font-size:120px;">DRAFT</p>
</div>

`

Answer 1

这是另一种方式。希望这有帮助

div{
    position: relative;
    z-index: 0;
    background: white;
    display: block;
    min-height: 40%;
    min-width: 100%;
    color: yellow;
    border: 2px solid black;
    height: 200px;
}

p{margin:0}

div:after{
    content: "DRAFT";
    color: steelblue;
    font-size: 120px;
    /* text-align: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity:0.1
}

<div >


</div>