一看就会，超有用活字格技能：四十二，添加水印

收藏 · 2018-10-26 18:47 上传

最近有一些格友问到活字格怎么才能做出水印效果呢？
现在只能通过将一张图片放在某块空白的区域，然后根据通过某种条件来判断是否显示这个图片的方法来模拟水印的效果。

这样的水印并不OK，想要的水印是那种可以压在某些内容上的啊！怎么解决呢？

看下图：
水印.gif

状态为无效时，则会有一个大大的作废标识按在页面上。是不是很赞呢~当然了，这还要感谢我们论坛中的热心小伙伴 @谢厅帮我们实现的这个小功能

。

具体怎么做呢？

超简单的，在详情页面加载时添加命令，判断状态为无效时，执行一段JS代码。
image.png599655456.png

大家还可以自定义这个水印的位置，大小，颜色等。

image.png615607604.png

注意，在关闭页面需要添加一小段js清除这个水印哦，要不然水印会一直存在的~
image.png158796080.png

以上js代码见上传的工程文件~

Tracy.Liu · Tracy.Liu

如果有小伙伴想把这个水印清掉，怎么做~

一样一段js，把这个dom元素清除掉就可以啦~

复制代码

		自动登录	找回密码
密码			立即注册

[易学技巧] 一看就会，超有用活字格技能：四十二，添加水印