网页中添加水印效果的方法_电脑百科

当前位置：主页 > 百科 > 电脑百科 >

网页中添加水印效果的方法

时间：2025-07-05 来源：铿鸟百科网收集整理：小编阅读: 次

导读：水印的目的用来防伪，也就是鉴别真假，水印一般都比较淡，并不影响印刷在该页上内容的清晰度。后来把水印的概念引入数字时代。在页面制作时利用这个技巧，在页面上就可以做出一个半透明的标志，它就像独立的悬浮在页面上一样。能产生非常漂亮的效果。在主页上

水印的目的用来防伪，也就是鉴别真假，水印一般都比较淡，并不影响印刷在该页上内容的清晰度。后来把水印的概念引入数字时代。在页面制作时利用这个技巧，在页面上就可以做出一个半透明的标志，它就像独立的悬浮在页面上一样。能产生非常漂亮的效果。

在主页上产生水印效果方法：

如果是IE浏览器，用代码<BODY background=”graphic/g.gif” bgprgperties=fixed>就可产生水印效果。但这对Navigator浏览器不适用，Navigator浏览器会自动地将图片平铺显示。为了兼容不同的浏览器，必须使用动态HTML来实现这个功能。GeoCities采用服务器端来检测访问者使用的浏览器，并针对不同的浏览器采用不同的实现方法

1、在包含水印的<DIV>容器之后添加该脚本，这样就可以实现水印效果。较好的位置是放在结束的</BODY>标记前。

2、创建或设计水印图案。

支持任何HTML语言的图像格式，尽管图像的尺寸是一定的，但还需要将它的尺寸提供给脚本。同时还需花时间从页面的整体上来考虑水印的设计。如水印是否透明？应该有多大？是否要和背景色协调？

3、放在不支持DHTML浏览器的需要将<DIV>标记中嵌入属性id=”watermark”,stytle=”position:absolute”。

这样就可以在不同的浏览器的网页中添加水印效果了，注意其中对水印效果的宽度位置和像素等就需要设计者根据需要来进行设计。