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

Question

我正在寻找如何在所有内容的左上角在我的网页中放置水印文本 也就是说，与页面内容无关，始终带有水印文本

已经读过有关brianium / watermarkjs的文章，但似乎是用于iamges水印。

Answer 1

我刚刚在Codepen上编写了此代码，因此您可以看到它。

codepen

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