前几天项目遇到一个问题，就是给网页加水印，上网找了一圈，有通过js加水印的，有通过canvas加水印的，但是都是给图片加水印，不符合我的项目需求，于是自己写了一个通过css给网页背景加水印的小demo。
效果图如下：
接下来上代码，其实原理就是切出一张公司名称的图片作为背景图片，在body上去平铺展示。
HTML代码：
CSS代码：
值得提一下的是，在body里面设置了一个属性user-select，有时候加完水印之后要禁止用户选中页面的文字，以前是想到给页面加蒙版，但是不用这么麻烦，直接设置user-select:none;即可
前几天项目遇到一个问题，就是给网页加水印，上网找了一圈，有通过js加水印的，有通过canvas加水印的，但是都是给...
需求：给网页加自定义文字水印效果 先上代码 加水印前后页面对比：
加文字水印 图片水印 给字体加颜色
【需求】系统内页面显示水印，登录页面没有水印（退出登录时，登录页面不会显示水印） 1.创建水印Js文件 2.引入操...
前言 看公司的app各个页面都有水印背景，感觉还不错，于是看了一下添加水印的方法，特记录一下，大家有需要的可以拿去...
各种页面中添加水印，vue添加水印 /* 添加水印函数addWaterMarker str:水印显示的文本内容 *...
最近在 Vue 项目中给页面加水印，发现了一个比较奇怪的现象，有的页面水印颜色深，有的页面水印颜色浅，特别是在主题...
一、如下图显示，有水印的效果 二、index.html 中引入 watermark.js 三、在赋值的地方调用方法...
表面模糊加图层蒙版 去水印 冷色变暖 加水印
记录一次水印背景的简单实现 1.自定义参数 2.自定义控件 3.使用（以xml中使用为例） xml: java: ...
本文标题：页面背景加水印
本文链接：https://www.haomeiwen.com/subject/qtdklftx.html
网友评论