Add water mark to your page via CSS)

Sometimes we need to prompt the customer "do not copy", just as we did in MS Word. Yesterday we encountered such a case and tried to solve it with CSS + Div:

 

PageCodeFor example, adjust the watermark size to overwrite all pages:

 

 

< Html Xmlns = "Http://www.w3.org/1999/xhtml" >
< Head >
< Title > Untitled page </ Title >
< Style Type = "Text/CSS" >
. Bg
{
Width : 200% ;
Height : 200% ;
Margin : 0px ;
Position : Absolute ;
Z-Index : 100 ;
Top : 0px ;
Left : 0px ;
Background-color : #000 ;
Filter : Alpha (opacity = 5) ;
-Moz-Opacity : 0.05 ;
Opacity : 0.05 ;
Font-size : 159px ;
Color : White ;
}
</ Style >
</ Head >
< Body >
< Div Class = "BG" >
< BR >
< BR >
Do not copy !! </ Div >
< Div Style = "Color: Black" >
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
Write your contents here < BR />
</ Div >
</ Body >
</ Html >