使用html和css創建水印

Question

我需要的是僅使用html和css創建像這樣的跨網站透明水印。不知道如何始終將它保存在一個地方，例如瀏覽器窗口的右下角。

在此先感謝

Answer 1

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

jSFiddle

Answer 2

爲了使固定：嘗試這種方式，

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

要使用絕對：

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

的jsfiddle：http://jsfiddle.net/6YSXC/

Answer 3

你可以使用opacity:0.5;//what ever you wish between 0 and 1這一點。

工作Fiddle

Answer 4

可能這可能是對你有很大的幫助。

div.image 
{ 
width:500px; 
height:250px; 
border:2px solid; 
border-color:#CD853F; 
} 
div.box 
{ 
width:400px; 
height:180px; 
margin:30px 50px; 
background-color:#ffffff; 
border:1px solid; 
border-color:#CD853F; 
opacity:0.6; 
filter:alpha(opacity=60); 
} 
    div.box p 
{ 
margin:30px 40px; 
font-weight:bold; 
color:#CD853F; 
} 

檢查this link一次。