如何在浏览器中的左上角放置水印文本

Question

im正在寻找如何在我的网页中在所有内容的左上角放置水印文本也就是说，独立于页面的内容，始终具有水印文本

已经阅读了有关 Brianium/watermarkjs 的信息，但似乎对于 iamges 水印。

Answer 1

我只是在代码笔上制作了这段代码，所以你可以看到它。

代码笔

<div id="watermark">
    <p>Watermark</p>
</div>
#watermark {
    color: #d0d0d0;
    font-size: 20pt;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
     position: absolute;
     width: 100%;
     height: 100%;
     margin: 0;
     z-index: -1;
     left:-45px;
     top: -500px;
}