Creating watermark using html and css

Question

What I need is to create cross website transparent watermark like this using only html and css. Have no idea how to keep that always in one place for ex: right bottom side of browser window.

Thanks in advance

Answer 1

#watermark {  position:fixed;  bottom:5px;  right:5px;  opacity:0.5;  z-index:99;  color:white; } 

jSFiddle

Answer 2

To make it fixed: Try this way,

jsFiddleLink: http://jsfiddle.net/PERtY/

<div class="body">This is a sample body This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample bodyThis is a sample bodyThis is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     v     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     This is a sample body     <div class="watermark">            Sample Watermark     </div>     This is a sample body     This is a sample bodyThis is a sample bodyThis is a sample body </div>    .watermark {     opacity: 0.5;     color: BLACK;     position: fixed;     top: auto;     left: 80%; } 

To use absolute:

.watermark {     opacity: 0.5;     color: BLACK;     position: absolute;     bottom: 0;     right: 0; } 

jsFiddle: http://jsfiddle.net/6YSXC/