Watermarks are easy to create using three CSS style properties:
background-image
background-repeat
background-attachment
You use background-image to define the image to use as your watermark, background-repeat to make it display only once, and background-attachment to turn it into a watermark.
Add the following to the HEAD of your Web page. Change the URL to your background image, and you’ll have a watermark:
1 2 3 4 5 6 7 8 9 10 11 |
<br /> <style><br /> &lt;!--<br /> body {<br /> background-image: url(image.gif);<br /> background-repeat: no-repeat;<br /> background-attachment: fixed;<br /> }<br /> //--&gt;<br /> </style></p> <p> |
If you want to place the watermark in a specific location on your Web page (say, the middle of the page), add the background-position property to your style to place the image.