How to Make a Background into a Watermark
Web-page backgrounds can be manipulated in a variety of ways by using CSS properties. Along with changing the background position, repeating the background and changing the color, you can use the CSS background-attachment property to create a watermark effect behind the Web page's elements; any page that is printed by a user will contain the background image, which is a means by which you can secure your Web content. To create this watermark effect, you will need to change the background-attachment property to "fixed."
Other People Are Reading
Instructions
-
-
1
Open your Web-page file in an HTML or text editor. To open the Web-page file in Windows' default text editor, right-click on it and then click "Open With." Select "Notepad" or "WordPad" and then click "OK."
-
2
Place your cursor between the "<HEAD>" and "</HEAD>" tags at the top of the document if you are editing HTML, ASP, PHP or another type of code. If you are editing a CSS document, place your cursor on a blank line at the bottom of the document.
-
-
3
Type "<style>" to open the CSS style tag. Skip this step if editing a CSS document. Any code entered in a CSS document is automatically rendered as CSS, making the "<style>" tag unnecessary.
-
4
Type "body {" and press "Enter" to open the "body" style statement. This line tells the Web page to apply the following CSS style code to the "body" element of the document.
-
5
Type "background-image: URL(example.gif);" and press "Enter." Replace "example.gif" with the path and file name of the image that you wish to use as a watermark.
-
6
Type "background-attachment: fixed;" and press "Enter" to create the static watermark background effect. This property causes the background image that was defined in Step 5 to remain on the screen, even when users scroll up or down on the Web page.
-
7
Type "}" to close the "body" style statement.
-
8
Type "</style>" to close the style tag. Skip this step if you are editing a CSS document.
-
9
Click "File" and then select "Save."
-
1
