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

我想知道如何把水印文本在我的网页左上角的所有内容 也就是说，独立于页面内容，始终具有水印文本

---

我已经读过关于brianium/watermarkjs的文章，但这似乎是针对iamges水印的。

我刚刚在codepen上编写了这段代码，所以你可以看到它

水印

#水印{
颜色：#D0；
字号：20pt；
-webkit变换：旋转（-45度）；
-moz变换：旋转（-45度）；
位置：绝对位置；
宽度：100%；
身高：100%；
保证金：0；
z指数：-1；
左：-45px；
顶部：-500px；
}

使用固定位置内容您能提供更多信息吗？

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