|
CodeAve.com - CSS - Miscellaneous | |||
|
|
|||
| Image Watermark | ||||
|
background tag, however since the background tag is typically applied to each page and CSS are usually linked throughout a site, you can easily in one place, change the backgrounds to many pages. Utilizing background-repeat: no-repeat; will only display the image one time overriding the default repeat setting and background-position will keep the image in one place while and other content roll over the image making a effective watermark for many browsers. |
||||
<html> <head> <title>CodeAve.com/CSS - Image Watermark</title> <style type="text/css"> <!-- body { background-image:url("http://codeave.com/asp/codeave-logo.gif"); /* Defines the location of the background image (relative or absolute location) */ background-attachment:fixed; /* Sets the image to be fixed in place and will not scroll with page content*/ background-repeat:no-repeat; /* The background image is to display one time only */ background-position:top left; /* The background image will always be in the top left of the browser*/ } --> </style> </head> <body bgcolor="#FFFFFF"> <center> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> <p>Text to create vertical scroll space</p> </center> </body> </html>
|
||||
|
|
||||