как поместить текст водяного знака в верхнем левом углу в браузерах

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